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

CSS: dropdown on hover

parent 83ebc97b
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
.table.ci-table { .table.ci-table {
min-width: 1200px; min-width: 1200px;
table-layout: fixed;
.pipeline-id { .pipeline-id {
color: $black; color: $black;
...@@ -795,3 +796,54 @@ ...@@ -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 @@ ...@@ -2,5 +2,4 @@
- icon = "#{status.icon}_borderless" - icon = "#{status.icon}_borderless"
- klass = "ci-status-icon ci-status-icon-#{status}" - 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 @@ ...@@ -54,8 +54,9 @@
.dropdown.inline.build-content .dropdown.inline.build-content
%button.has-tooltip.builds-dropdown{ type: 'button', data: { toggle: 'dropdown', title: tooltip} } %button.has-tooltip.builds-dropdown{ type: 'button', data: { toggle: 'dropdown', title: tooltip} }
%span{ class: klass } %span{ class: klass }
%span.mini-pipeline-graph-icon-container
= render 'ci/status/mini_graph_badge', subject: stage = 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 .dropdown-menu.grouped-pipeline-dropdown
.arrow-up .arrow-up
%ul %ul
...@@ -65,6 +66,7 @@ ...@@ -65,6 +66,7 @@
- else - else
- if details_path - if details_path
= link_to details_path, class: klass, title: tooltip do = link_to details_path, class: klass, title: tooltip do
%span.mini-pipeline-graph-icon-container
= render 'ci/status/mini_graph_badge', subject: stage = render 'ci/status/mini_graph_badge', subject: stage
%td %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