kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Adds new hover state

Browse source 
Fixes the line that connects the dots

Adds style for the badge

Add new style for status text

Fix badge style

Adjust font weight
This commit is contained in:
Filipa Lacerda 2016-12-05 17:04:36 +00:00
parent e7b045eada
commit c3c9122d1e
3 changed files with 33 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/framework/variables.scss
View file

@ -571,3 +571,10 @@ $body-text-shadow: rgba(255,255,255,0.01);
*/
$ui-dev-kit-example-color: #bbb;
$ui-dev-kit-example-border: #ddd;
/*
Pipeline Graph
*/
$stage-hover-bg: #eaf3fc;
$stage-hover-border: #d1e7fc;
$stage-bagde-text: #d4d4d4;

34
app/assets/stylesheets/pages/pipelines.scss
View file

@ -363,15 +363,22 @@
.build {
border: 1px solid $border-color;
border-radius: 30px;
background-color: $white-light;
color: $gl-text-color;
position: relative;
padding: 7px 10px 8px;
border-radius: 30px;
width: 186px;
margin-bottom: 10px;
&:hover {
background-color: $gray-lighter;
background-color: $stage-hover-bg;
border: 1px solid $stage-hover-border;
.ci-status-text,
.dropdown-counter-bagde {
color: $gl-text-color;
}
}
&.playable {
@ -411,14 +418,14 @@
}
.ci-status-text {
width: 135px;
max-width: 110px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
vertical-align: bottom;
display: inline-block;
position: relative;
top: -1px;
font-weight: 100;
}
a {
@ -435,7 +442,7 @@
flex-grow: 1;
.ci-status-text {
max-width: 112px;
max-width: 110px;
width: auto;
}
}
@ -480,7 +487,7 @@
}
.ci-status-text {
width: 112px;
width: 110px;
}
.arrow {
@ -520,9 +527,18 @@
}
}
.dropdown-counter-bagde {
float: right;
color: $stage-bagde-text;
font-weight: 100;
font-size: 13px;
margin-top: 1px;
margin-right: 2px;
}
svg {
vertical-align: middle;
margin-right: 5px;
margin-right: 3px;
}
// Connect first build in each stage with right horizontal line
@ -531,7 +547,7 @@
content: '';
position: absolute;
top: 48%;
right: -48px;
right: -49px;
border-top: 2px solid $border-color;
width: 48px;
height: 1px;

2
app/views/projects/commit/_pipeline_status_group.html.haml
View file

@ -4,7 +4,7 @@
= ci_icon_for_status(group_status)
%span.ci-status-text
= name
%span.badge= subject.size
%span.dropdown-counter-bagde= subject.size
.dropdown-menu.grouped-pipeline-dropdown
.arrow
%ul