7a796c76c2
Align icons left Align text left Adjust padding to be consistent Make icons same 24 size Add changelog mr number Add right margin to widget status container Add left margin inside widget icon container Prepend left padding for error message Only give button left margin, some have buttons Prettify Adjust test summary icons Prettify Fix empty line before lint Remove author Switch to use gl-padding Use utility classes instead Prettify Change loading icon size to md Update summary_row.vue
92 lines
1.3 KiB
SCSS
92 lines
1.3 KiB
SCSS
.ci-status-icon-success,
|
|
.ci-status-icon-passed {
|
|
svg {
|
|
fill: $green-500;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($green-500);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-failed {
|
|
svg {
|
|
fill: $red-500;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($red-500);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-pending,
|
|
.ci-status-icon-failed-with-warnings,
|
|
.ci-status-icon-success-with-warnings {
|
|
svg {
|
|
fill: $orange-500;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($orange-500);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-preparing,
|
|
.ci-status-icon-running {
|
|
svg {
|
|
fill: $blue-400;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($blue-400);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-canceled,
|
|
.ci-status-icon-disabled {
|
|
svg {
|
|
fill: $gl-text-color;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($gl-text-color);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-created,
|
|
.ci-status-icon-skipped,
|
|
.ci-status-icon-notfound {
|
|
svg {
|
|
fill: $gray-darkest;
|
|
}
|
|
|
|
&.add-border {
|
|
@include borderless-status-icon($gray-darkest);
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-scheduled,
|
|
.ci-status-icon-manual {
|
|
svg {
|
|
fill: $gl-text-color;
|
|
}
|
|
}
|
|
|
|
.icon-link {
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.user-avatar-link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.circle-icon-container {
|
|
$border-size: 1px;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: $gray-700;
|
|
}
|