Commit 87b89c05 authored by Filipa Lacerda's avatar Filipa Lacerda

Fix hover in dropdowns, make closer to the mockups

parent 4e0db4e9
...@@ -593,6 +593,27 @@ ...@@ -593,6 +593,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 { .dropdown-counter-badge {
...@@ -603,9 +624,11 @@ ...@@ -603,9 +624,11 @@
margin-right: 2px; margin-right: 2px;
} }
.grouped-pipeline-dropdown { .grouped-pipeline-dropdown {
padding: 0; padding: 0;
width: 191px; width: 191px;
min-width: 191px;
left: auto; left: auto;
right: -195px; right: -195px;
top: -4px; top: -4px;
...@@ -615,11 +638,22 @@ ...@@ -615,11 +638,22 @@
display: inline-block; display: inline-block;
} }
.build-content { .dropdown-build {
width: 138px; .build-content {
width: 100%;
&:hover { &:hover {
background-color: $stage-hover-bg; 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;
} }
} }
...@@ -629,12 +663,10 @@ ...@@ -629,12 +663,10 @@
margin: 3px 0; margin: 3px 0;
li { li {
padding-top: 2px; margin: 4px 8px 4px 9px;
margin: 4px 7px; padding: 0;
padding: 0 3px; line-height: 1.1;
padding-left: 0; position: relative;
padding-bottom: 0;
line-height: 0;
.ci-action-icon-container:hover { .ci-action-icon-container:hover {
background-color: transparent; background-color: transparent;
...@@ -648,6 +680,11 @@ ...@@ -648,6 +680,11 @@
} }
} }
.pipeline-graph .dropdown-build .ci-status-icon svg {
width: 18px;
height: 18px;
}
.ci-status-text { .ci-status-text {
max-width: 110px; max-width: 110px;
white-space: nowrap; white-space: nowrap;
...@@ -656,7 +693,7 @@ ...@@ -656,7 +693,7 @@
vertical-align: bottom; vertical-align: bottom;
display: inline-block; display: inline-block;
position: relative; position: relative;
font-weight: 100; font-weight: 200;
} }
// Action Icons // Action Icons
...@@ -693,7 +730,7 @@ ...@@ -693,7 +730,7 @@
color: $gl-text-color-light; color: $gl-text-color-light;
.build-content { .build-content {
padding: 3px 7px 6px; padding: 4px 7px 8px;
} }
.ci-action-icon-container { .ci-action-icon-container {
......
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