Commit f3a5409c authored by Fatih Acet's avatar Fatih Acet

Merge branch 'fix-hover-pipeline' into 'master'

Fix hover pipeline

See merge request !8253
parents 66e7f126 87b89c05
......@@ -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 {
......
- group_status = CommitStatus.where(id: subject).status
%button.dropdown-menu-toggle.build-content.has-tooltip{ type: 'button', data: { toggle: 'dropdown'} }
%button.dropdown-menu-toggle.build-content.has-tooltip{ type: 'button', data: { toggle: 'dropdown', title: "#{name} - #{group_status}" } }
%span{class: "ci-status-icon ci-status-icon-#{group_status}"}
= ci_icon_for_status(group_status)
%span.ci-status-text{ 'data-toggle' => 'tooltip', 'data-title' => "#{name} - #{group_status}" }
%span.ci-status-text
= name
%span.dropdown-counter-badge= subject.size
.dropdown-menu.grouped-pipeline-dropdown
......
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