Skip to content
Snippets Groups Projects
Commit e2db0a75 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray
Browse files

Merge branch 'animate-approval' into 'master'

Draft: Animate approval icon in merge request sidebar

See merge request !116839



Merged-by: default avatarAnnabel Dunstone Gray <annabel.m.gray@gmail.com>
Approved-by: default avatarTomas Bulva <tbulva@gitlab.com>
Reviewed-by: default avatarTomas Bulva <tbulva@gitlab.com>
Co-authored-by: default avatarAnnabel Dunstone Gray <annabel.dunstone@gmail.com>
parents 10cf7134 a89aaed9
No related branches found
No related tags found
No related merge requests found
Pipeline #834132011 passed
Pipeline: GitLab

#834147612

    Pipeline: GitLab

    #834139057

      ......@@ -110,6 +110,9 @@ export default {
      v-gl-tooltip.left
      :size="16"
      :title="approvedByTooltipTitle(user)"
      :class="{
      'merge-request-approved-icon': loadingStates[user.id] === $options.SUCCESS_STATE,
      }"
      name="status-success"
      class="float-right gl-my-2 gl-ml-auto gl-text-green-500 gl-flex-shrink-0"
      data-testid="re-approved"
      ......
      ......@@ -271,6 +271,24 @@
      }
      }
      .merge-request-approved-icon {
      animation: approval-animate 350ms ease-in;
      }
      @include keyframes(approval-animate) {
      0% {
      transform: scale(0);
      }
      75% {
      transform: scale(1.4);
      }
      100% {
      transform: scale(1);
      }
      }
      .assignee-grid,
      .reviewer-grid {
      [data-css-area='attention'] {
      ......
      0% Loading or .
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment