diff options
author | Fatih Acet <acetfatih@gmail.com> | 2016-12-22 18:24:29 +0300 |
---|---|---|
committer | Fatih Acet <acetfatih@gmail.com> | 2016-12-22 18:24:29 +0300 |
commit | f3a5409c581dc79262fe60d1c38d68f654338e20 (patch) | |
tree | e51b5e3e68f4c4dfd19944ce752c3f6fcc0dfc94 /app/assets/stylesheets/pages/pipelines.scss | |
parent | 66e7f126b4bdc8e17e56f53a2348d22888095d3c (diff) | |
parent | 87b89c05bcd569a39b31f47180542522d44610b6 (diff) |
Merge branch 'fix-hover-pipeline' into 'master'
Fix hover pipeline
See merge request !8253
Diffstat (limited to 'app/assets/stylesheets/pages/pipelines.scss')
-rw-r--r-- | app/assets/stylesheets/pages/pipelines.scss | 61 |
1 files changed, 49 insertions, 12 deletions
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss index 241bf02bafd..93c8b6c9a1e 100644 --- a/app/assets/stylesheets/pages/pipelines.scss +++ b/app/assets/stylesheets/pages/pipelines.scss @@ -597,6 +597,27 @@ } } } + + .grouped-pipeline-dropdown { + .dropdown-build { + .build-content { + width: 100%; + + &:hover { + background-color: $stage-hover-bg; + color: $gl-text-color; + } + } + + .ci-action-icon-container { + padding: 0; + font-size: 11px; + position: absolute; + top: 1px; + right: 8px; + } + } + } } .dropdown-counter-badge { @@ -607,9 +628,11 @@ margin-right: 2px; } + .grouped-pipeline-dropdown { padding: 0; width: 191px; + min-width: 191px; left: auto; right: -195px; top: -4px; @@ -619,11 +642,22 @@ display: inline-block; } - .build-content { - width: 138px; + .dropdown-build { + .build-content { + width: 100%; - &:hover { - background-color: $stage-hover-bg; + &:hover { + background-color: $stage-hover-bg; + color: $gl-text-color; + } + } + + .ci-action-icon-container { + padding: 0; + font-size: 11px; + position: absolute; + margin-top: 3px; + right: 7px; } } @@ -633,12 +667,10 @@ margin: 3px 0; li { - padding-top: 2px; - margin: 4px 7px; - padding: 0 3px; - padding-left: 0; - padding-bottom: 0; - line-height: 0; + margin: 4px 8px 4px 9px; + padding: 0; + line-height: 1.1; + position: relative; .ci-action-icon-container:hover { background-color: transparent; @@ -652,6 +684,11 @@ } } +.pipeline-graph .dropdown-build .ci-status-icon svg { + width: 18px; + height: 18px; +} + .ci-status-text { max-width: 110px; white-space: nowrap; @@ -660,7 +697,7 @@ vertical-align: bottom; display: inline-block; position: relative; - font-weight: 100; + font-weight: 200; } // Action Icons @@ -697,7 +734,7 @@ color: $gl-text-color-light; .build-content { - padding: 3px 7px 6px; + padding: 4px 7px 8px; } .ci-action-icon-container { |