CSS: dropdown on hover
This commit is contained in:
parent
83ebc97ba7
commit
6fde0e094d
|
@ -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 }
|
||||
= render 'ci/status/mini_graph_badge', subject: stage
|
||||
%span= icon('caret-down', class: 'dropdown-caret')
|
||||
%span.mini-pipeline-graph-icon-container
|
||||
= render 'ci/status/mini_graph_badge', subject: stage
|
||||
= icon('caret-down', class: 'dropdown-caret')
|
||||
.dropdown-menu.grouped-pipeline-dropdown
|
||||
.arrow-up
|
||||
%ul
|
||||
|
@ -65,7 +66,8 @@
|
|||
- else
|
||||
- if details_path
|
||||
= link_to details_path, class: klass, title: tooltip do
|
||||
= render 'ci/status/mini_graph_badge', subject: stage
|
||||
%span.mini-pipeline-graph-icon-container
|
||||
= render 'ci/status/mini_graph_badge', subject: stage
|
||||
|
||||
%td
|
||||
- if pipeline.duration
|
||||
|
|
Loading…
Reference in New Issue