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,8 +18,11 @@
 .environments-container {
   .table-holder {
     width: 100%;
+
+    @media (max-width: $screen-sm-max) {
       overflow: auto;
     }
+  }
 
   .table.ci-table {
     .environments-actions {

app/assets/stylesheets/pages/pipelines.scss

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