Commit 435468af authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

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

Remove overflow hidden from table

Closes #29257

See merge request !10058
parents ca3759a5 1e7cc6f2
...@@ -87,7 +87,7 @@ export default Vue.component('pipelines-table', { ...@@ -87,7 +87,7 @@ export default Vue.component('pipelines-table', {
}, },
template: ` template: `
<div class="pipelines"> <div class="content-list pipelines">
<div class="realtime-loading" v-if="isLoading"> <div class="realtime-loading" v-if="isLoading">
<i class="fa fa-spinner fa-spin"></i> <i class="fa fa-spinner fa-spin"></i>
</div> </div>
...@@ -99,7 +99,7 @@ export default Vue.component('pipelines-table', { ...@@ -99,7 +99,7 @@ export default Vue.component('pipelines-table', {
</h2> </h2>
</div> </div>
<div class="table-holder pipelines" <div class="table-holder"
v-if="!isLoading && state.pipelines.length > 0"> v-if="!isLoading && state.pipelines.length > 0">
<pipelines-table-component <pipelines-table-component
:pipelines="state.pipelines" :pipelines="state.pipelines"
......
...@@ -18,7 +18,10 @@ ...@@ -18,7 +18,10 @@
.environments-container { .environments-container {
.table-holder { .table-holder {
width: 100%; width: 100%;
overflow: auto;
@media (max-width: $screen-sm-max) {
overflow: auto;
}
} }
.table.ci-table { .table.ci-table {
......
...@@ -15,7 +15,10 @@ ...@@ -15,7 +15,10 @@
.table-holder { .table-holder {
width: 100%; width: 100%;
overflow: auto;
@media (max-width: $screen-sm-max) {
overflow: auto;
}
} }
.commit-title { .commit-title {
...@@ -99,8 +102,6 @@ ...@@ -99,8 +102,6 @@
@media (max-width: $screen-md-max) { @media (max-width: $screen-md-max) {
.content-list { .content-list {
&.pipelines,
&.environments-container,
&.builds-content-list { &.builds-content-list {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment