Merge remote-tracking branch 'origin/master' into add-ingress-to-cluster-applications

app/assets/javascripts/repo/components/repo_file.vue

@@ -54,7 +54,10 @@
   <tr
     class="file"
     @click.prevent="clickedTreeRow(file)">
-    <td :colspan="submoduleColSpan">
+    <td
+      class="multi-file-table-col-name"
+      :colspan="submoduleColSpan"
+    >
       <i
         class="fa fa-fw file-icon"
         :class="fileIcon"

app/assets/javascripts/repo/components/repo_loading_file.vue

@@ -19,7 +19,7 @@
     class="loading-file"
     aria-label="Loading files"
   >
-    <td>
+    <td class="multi-file-table-col-name">
       <skeleton-loading-container
         :small="true"
       />

app/assets/javascripts/repo/components/repo_sidebar.vue

@@ -57,7 +57,7 @@ export default {
           </strong>
         </th>
         <template v-else>
-          <th class="name">
+          <th class="name multi-file-table-col-name">
             Name
           </th>
           <th class="hidden-sm hidden-xs last-commit">

app/assets/stylesheets/framework/animations.scss

@@ -23,16 +23,6 @@
     @include webkit-prefix(animation-duration, 2s);
   }
 
-  &.spin-cw {
-    transform-origin: center;
-    animation: spin 4s linear infinite;
-  }
-
-  &.spin-ccw {
-    transform-origin: center;
-    animation: spin 4s linear infinite reverse;
-  }
-
   &.flipOutX,
   &.flipOutY,
   &.bounceIn,
@@ -281,9 +271,3 @@ a {
     transform: translateX(468px);
   }
 }
-
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}

app/assets/stylesheets/pages/repo.scss

@@ -298,3 +298,7 @@
     width: 100%;
   }
 }
+
+.multi-file-table-col-name {
+  width: 350px;
+}

changelogs/unreleased/animate-auto-devops.yml

----
-title: Animate auto devops graphic
-merge_request:
-author:
-type: other