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

unify commit signature colors with pipeline status

Browse source
This commit is contained in:
Alexis Reigel 2017-07-13 10:53:19 +02:00
parent 027309eb2a
commit 506836a695
3 changed files with 31 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
app/assets/stylesheets/framework/mixins.scss
View file

@ -118,3 +118,29 @@
@content;
}
}
/*
* Mixin for status badges, as used for pipelines and commit signatures
*/
@mixin status-color($color-light, $color-main, $color-dark) {
color: $color-main;
border-color: $color-main;
&:not(span):hover {
background-color: $color-light;
color: $color-dark;
border-color: $color-dark;
svg {
fill: $color-dark;
}
}
svg {
fill: $color-main;
}
}
@mixin green-status-color {
@include status-color($green-50, $green-500, $green-700);
}

8
app/assets/stylesheets/pages/commits.scss
View file

@ -284,15 +284,15 @@
}
}
.gpg-status-box {
&.valid {
color: $brand-success;
border: 1px solid $brand-success;
@include green-status-color;
}
&.invalid {
color: $gray;
border: 1px solid $common-gray-light;
@include status-color($gray-dark, $gray, $common-gray-dark);
border-color: $common-gray-light;
}
}

21
app/assets/stylesheets/pages/status.scss
View file

@ -1,22 +1,3 @@
@mixin status-color($color-light, $color-main, $color-dark) {
color: $color-main;
border-color: $color-main;
&:not(span):hover {
background-color: $color-light;
color: $color-dark;
border-color: $color-dark;
svg {
fill: $color-dark;
}
}
svg {
fill: $color-main;
}
}
.ci-status {
padding: 2px 7px 4px;
border: 1px solid $gray-darker;
@ -41,7 +22,7 @@
}
&.ci-success {
@include status-color($green-50, $green-500, $green-700);
@include green-status-color;
}
&.ci-canceled,