BigW Consortium Gitlab

Skip to content

G
gitlab-ce
Commit 3e8118d6 by Annabel Dunstone Gray
Options

Merge branch '20052-actions-table-vscroll' into 'master'

Prevent overflow with vertical scroll when we have space to show content ## What does this MR do? Removes vertical and horizontal scroll from builds, environments and pipelines tables by adding a media query since this is only necessary in smaller screens. ## Screenshots (if relevant) ![scroll](/uploads/6b9e3584df6e4ca29553d2ff576b794e/scroll.jpg) ## Does this MR meet the acceptance criteria? - [ ] [Changelog entry](https://docs.gitlab.com/ce/development/changelog.html) added - [ ] [Documentation created/updated](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/doc/development/doc_styleguide.md) - [ ] API support added - Tests - [ ] Added for this feature/bug - [x] All builds are passing - [x] Conform by the [merge request performance guides](http://docs.gitlab.com/ce/development/merge_request_performance_guidelines.html) - [x] Conform by the [style guides](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/CONTRIBUTING.md#style-guides) - [x] Branch has no merge conflicts with `master` (if it does - rebase it please) - [x] [Squashed related commits together](https://git-scm.com/book/en/Git-Tools-Rewriting-History#Squashing-Commits) ## What are the relevant issue numbers? Closes #20052 See merge request !8061
parents dedcff48 44085354
Showing with 16 additions and 13 deletions
app/assets/stylesheets/pages/environments.scss
.deployments-container {
width: 100%;
overflow: auto;
@media (max-width: $screen-md-max) {
.deployments-container {
width: 100%;
overflow: auto;
}
}
.environments-list-loading {
......
app/assets/stylesheets/pages/pipelines.scss
......@@ -37,12 +37,13 @@
}
}
.content-list {
&.pipelines,
&.builds-content-list {
width: 100%;
overflow: auto;
@media (max-width: $screen-md-max) {
.content-list {
&.pipelines,
&.builds-content-list {
width: 100%;
overflow: auto;
}
}
}
......@@ -666,10 +667,6 @@
min-width: 900px;
}
.content-list.pipelines {
overflow: auto;
}
.stage {
max-width: 100px;
width: 100px;
......
changelogs/unreleased/20052-actions-table-vscroll.yml 0 → 100644
---
title: Prevent overflow with vertical scroll when we have space to show content
merge_request: 8061
author:
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