Commit 6fde0e09 authored by Filipa Lacerda's avatar Filipa Lacerda

CSS: dropdown on hover

parent 83ebc97b
......@@ -22,6 +22,7 @@
.table.ci-table {
min-width: 1200px;
table-layout: fixed;
.pipeline-id {
color: $black;
......@@ -795,3 +796,54 @@
}
}
}
.mini-pipeline-graph-icon-container .ci-status-icon {
display: inline-block;
border: 1px solid;
border-radius: 20px;
margin-right: 1px;
width: 20px;
height: 20px;
position: relative;
svg {
top: -1px;
position: relative;
}
}
.builds-dropdown {
&:focus {
margin-right: -6px;
.ci-status-icon {
width: 27px;
padding: 0px 6px 0px 0px;
+ .dropdown-caret {
display: inline-block;
}
}
}
.mini-pipeline-graph-icon-container {
.ci-status-icon:hover,
.ci-status-icon:focus {
width: 27px;
padding: 0px 6px 0px 0px;
+ .dropdown-caret {
display: inline-block;
}
}
.dropdown-caret {
font-size: 12px;
position: relative;
top: 3px;
left: -11px;
margin-right: -6px;
display: none;
}
}
}
......@@ -2,5 +2,4 @@
- icon = "#{status.icon}_borderless"
- klass = "ci-status-icon ci-status-icon-#{status}"
%span.mini-pipeline-graph-icon-container
%span{ class: klass }= custom_icon(icon)
%span{ class: klass }= custom_icon(icon)
......@@ -54,8 +54,9 @@
.dropdown.inline.build-content
%button.has-tooltip.builds-dropdown{ type: 'button', data: { toggle: 'dropdown', title: tooltip} }
%span{ class: klass }
%span.mini-pipeline-graph-icon-container
= render 'ci/status/mini_graph_badge', subject: stage
%span= icon('caret-down', class: 'dropdown-caret')
= icon('caret-down', class: 'dropdown-caret')
.dropdown-menu.grouped-pipeline-dropdown
.arrow-up
%ul
......@@ -65,6 +66,7 @@
- else
- if details_path
= link_to details_path, class: klass, title: tooltip do
%span.mini-pipeline-graph-icon-container
= render 'ci/status/mini_graph_badge', subject: stage
%td
......
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