diff options
| author | Dimitrie Hoekstra <dimitriehoekstra@gmail.com> | 2016-11-09 23:49:57 +0100 |
|---|---|---|
| committer | Dimitrie Hoekstra <dimitriehoekstra@gmail.com> | 2016-11-10 17:13:43 +0100 |
| commit | 97953e15cd17f77575c3b0fc93e6db047f596256 (patch) | |
| tree | 2258c9ae0300a635f9a609992c6090ae9c615151 | |
| parent | d366a943ffe2ae6c3599c2ebc4469d49a103bacb (diff) | |
| download | gitlab-ce-22088-make-pipeline-graph-nodes-bigger-and-responsive.tar.gz | |
Let pipeline graph nodes have a limited responsive width22088-make-pipeline-graph-nodes-bigger-and-responsive
| -rw-r--r-- | app/assets/stylesheets/pages/pipelines.scss | 8 | ||||
| -rw-r--r-- | changelogs/unreleased/22088-make-pipeline-graph-nodes-bigger-and-responsive.yml | 4 |
2 files changed, 10 insertions, 2 deletions
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss index bf3cb6e7ad9..6935f11efb8 100644 --- a/app/assets/stylesheets/pages/pipelines.scss +++ b/app/assets/stylesheets/pages/pipelines.scss @@ -370,8 +370,10 @@ position: relative; padding: 7px 10px 8px; border-radius: 30px; - width: 186px; margin-bottom: 10px; + width: 18vw; + min-width: 186px; + max-width: 250px; &:hover { background-color: $gray-lighter; @@ -414,7 +416,6 @@ } .ci-status-text { - width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -422,6 +423,9 @@ display: inline-block; position: relative; top: -1px; + width: 14vw; + min-width: 135px; + max-width: 195px; } a { diff --git a/changelogs/unreleased/22088-make-pipeline-graph-nodes-bigger-and-responsive.yml b/changelogs/unreleased/22088-make-pipeline-graph-nodes-bigger-and-responsive.yml new file mode 100644 index 00000000000..d9d7e57bf01 --- /dev/null +++ b/changelogs/unreleased/22088-make-pipeline-graph-nodes-bigger-and-responsive.yml @@ -0,0 +1,4 @@ +--- +title: Let pipeline graph nodes have a limited responsive width +merge_request: 7390 +author: |