Merge branch '29558-pipelines-scroll' into 'master'

Remove overflow hidden from table

Closes #29257

See merge request !10058

app/assets/javascripts/commit/pipelines/pipelines_table.js

@@ -87,7 +87,7 @@ export default Vue.component('pipelines-table', {
   },
 
   template: `
-    <div class="pipelines">
+    <div class="content-list pipelines">
       <div class="realtime-loading" v-if="isLoading">
         <i class="fa fa-spinner fa-spin"></i>
       </div>
@@ -99,7 +99,7 @@ export default Vue.component('pipelines-table', {
         </h2>
       </div>
 
-      <div class="table-holder pipelines"
+      <div class="table-holder"
         v-if="!isLoading && state.pipelines.length > 0">
         <pipelines-table-component
           :pipelines="state.pipelines"

app/assets/stylesheets/pages/environments.scss

@@ -18,7 +18,10 @@
 .environments-container {
   .table-holder {
     width: 100%;
-    overflow: auto;
+
+    @media (max-width: $screen-sm-max) {
+      overflow: auto;
+    }
   }
 
   .table.ci-table {

app/assets/stylesheets/pages/pipelines.scss

@@ -15,7 +15,10 @@
 
   .table-holder {
     width: 100%;
-    overflow: auto;
+
+    @media (max-width: $screen-sm-max) {
+      overflow: auto;
+    }
   }
 
   .commit-title {
@@ -99,8 +102,6 @@
 
 @media (max-width: $screen-md-max) {
   .content-list {
-    &.pipelines,
-    &.environments-container,
     &.builds-content-list {
       width: 100%;
       overflow: auto;