Fix vertical alignment of action icon with status icon
This commit is contained in:
parent
1e8271b60b
commit
a2a16503a8
2 changed files with 20 additions and 27 deletions
|
@ -654,6 +654,7 @@
|
|||
|
||||
i {
|
||||
font-size: 11px;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -672,33 +673,26 @@
|
|||
}
|
||||
|
||||
// Action Icons
|
||||
.ci-action-icon-container {
|
||||
padding: 0;
|
||||
.ci-action-icon-container .ci-action-icon-wrapper {
|
||||
float: right;
|
||||
margin-top: -1px;
|
||||
|
||||
.ci-action-icon-wrapper {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
i {
|
||||
color: $stage-badge-text;
|
||||
border-radius: 100%;
|
||||
border: 1px solid $stage-badge-text;
|
||||
padding: 5px 6px;
|
||||
font-size: 13px;
|
||||
background: $white-light;
|
||||
|
||||
i {
|
||||
color: $stage-badge-text;
|
||||
border-radius: 100%;
|
||||
border: 1px solid $stage-badge-text;
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding: 5px;
|
||||
font-size: 13px;
|
||||
background: $white-light;
|
||||
|
||||
&:hover {
|
||||
color: $gl-text-color;
|
||||
background-color: $stage-hover-bg;
|
||||
border: 1px solid $stage-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.ci-play-icon {
|
||||
padding: 5px 4px 5px 7px;
|
||||
&:hover {
|
||||
color: $gl-text-color;
|
||||
background-color: $stage-hover-bg;
|
||||
border: 1px solid $stage-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.ci-play-icon {
|
||||
padding: 5px 5px 5px 7px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,8 +10,7 @@
|
|||
- status_groups.each do |group_name, grouped_statuses|
|
||||
- if grouped_statuses.one?
|
||||
- status = grouped_statuses.first
|
||||
- is_playable = status.playable? && can?(current_user, :update_build, @project)
|
||||
%li.build{ class: ("playable" if is_playable) }
|
||||
%li.build
|
||||
.curve
|
||||
.build-content
|
||||
= render 'ci/status/graph_icon_with_name_and_action', subject: status
|
||||
|
|
Loading…
Reference in a new issue