Merge branch '40459-svg-icon-fix' into 'master'
Resolve "Issue note icons wrong color" Closes #40459 See merge request gitlab-org/gitlab-ce!15561
This commit is contained in:
commit
7bab05b770
8 changed files with 69 additions and 60 deletions
|
@ -88,17 +88,6 @@
|
||||||
border-color: $border-dark;
|
border-color: $border-dark;
|
||||||
color: $color;
|
color: $color;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
|
||||||
|
|
||||||
path {
|
|
||||||
fill: $color;
|
|
||||||
}
|
|
||||||
|
|
||||||
use {
|
|
||||||
stroke: $color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin btn-green {
|
@mixin btn-green {
|
||||||
|
|
|
@ -2,14 +2,43 @@
|
||||||
.cgray { color: $common-gray; }
|
.cgray { color: $common-gray; }
|
||||||
.clgray { color: $common-gray-light; }
|
.clgray { color: $common-gray-light; }
|
||||||
.cred { color: $common-red; }
|
.cred { color: $common-red; }
|
||||||
svg.cred { fill: $common-red; }
|
|
||||||
.cgreen { color: $common-green; }
|
.cgreen { color: $common-green; }
|
||||||
svg.cgreen { fill: $common-green; }
|
|
||||||
.cdark { color: $common-gray-dark; }
|
.cdark { color: $common-gray-dark; }
|
||||||
|
|
||||||
|
.text-plain,
|
||||||
|
.text-plain:hover {
|
||||||
|
color: $gl-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
.text-secondary {
|
.text-secondary {
|
||||||
color: $gl-text-color-secondary;
|
color: $gl-text-color-secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-primary,
|
||||||
|
.text-primary:hover {
|
||||||
|
color: $brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-success,
|
||||||
|
.text-success:hover {
|
||||||
|
color: $brand-success;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-danger,
|
||||||
|
.text-danger:hover {
|
||||||
|
color: $brand-danger;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-warning,
|
||||||
|
.text-warning:hover {
|
||||||
|
color: $brand-warning;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-info,
|
||||||
|
.text-info:hover {
|
||||||
|
color: $brand-info;
|
||||||
|
}
|
||||||
|
|
||||||
.underlined-link { text-decoration: underline; }
|
.underlined-link { text-decoration: underline; }
|
||||||
.hint { font-style: italic; color: $hint-color; }
|
.hint { font-style: italic; color: $hint-color; }
|
||||||
.light { color: $common-gray; }
|
.light { color: $common-gray; }
|
||||||
|
|
|
@ -1,36 +1,64 @@
|
||||||
.ci-status-icon-success,
|
.ci-status-icon-success,
|
||||||
.ci-status-icon-passed {
|
.ci-status-icon-passed {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $green-500;
|
color: $green-500;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-failed {
|
.ci-status-icon-failed {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $gl-danger;
|
color: $gl-danger;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-pending,
|
.ci-status-icon-pending,
|
||||||
.ci-status-icon-failed_with_warnings,
|
.ci-status-icon-failed_with_warnings,
|
||||||
.ci-status-icon-success_with_warnings {
|
.ci-status-icon-success_with_warnings {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $orange-500;
|
color: $orange-500;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-running {
|
.ci-status-icon-running {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $blue-400;
|
color: $blue-400;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-canceled,
|
.ci-status-icon-canceled,
|
||||||
.ci-status-icon-disabled,
|
.ci-status-icon-disabled,
|
||||||
.ci-status-icon-not-found {
|
.ci-status-icon-not-found {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $gl-text-color;
|
color: $gl-text-color;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-created,
|
.ci-status-icon-created,
|
||||||
.ci-status-icon-skipped {
|
.ci-status-icon-skipped {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $gray-darkest;
|
color: $gray-darkest;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ci-status-icon-manual {
|
.ci-status-icon-manual {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
color: $gl-text-color;
|
color: $gl-text-color;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.icon-link {
|
.icon-link {
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -195,33 +195,6 @@ summary {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Typography =================================================================
|
|
||||||
|
|
||||||
.text-primary,
|
|
||||||
.text-primary:hover {
|
|
||||||
color: $brand-primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-success,
|
|
||||||
.text-success:hover {
|
|
||||||
color: $brand-success;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-danger,
|
|
||||||
.text-danger:hover {
|
|
||||||
color: $brand-danger;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-warning,
|
|
||||||
.text-warning:hover {
|
|
||||||
color: $brand-warning;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-info,
|
|
||||||
.text-info:hover {
|
|
||||||
color: $brand-info;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent datetimes on tooltips to break into two lines
|
// Prevent datetimes on tooltips to break into two lines
|
||||||
.local-timeago {
|
.local-timeago {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
@ -780,12 +780,6 @@ ul.notes {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
|
||||||
fill: currentColor;
|
|
||||||
height: 16px;
|
|
||||||
width: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading {
|
.loading {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
|
@ -886,10 +886,6 @@ pre.light-well {
|
||||||
font-size: $gl-font-size;
|
font-size: $gl-font-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
|
||||||
color: $gl-text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-container,
|
.avatar-container,
|
||||||
.controls {
|
.controls {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
|
|
|
@ -67,8 +67,8 @@
|
||||||
- if @commit.last_pipeline
|
- if @commit.last_pipeline
|
||||||
- last_pipeline = @commit.last_pipeline
|
- last_pipeline = @commit.last_pipeline
|
||||||
.well-segment.pipeline-info
|
.well-segment.pipeline-info
|
||||||
.status-icon-container{ class: "ci-status-icon-#{last_pipeline.status}" }
|
.status-icon-container
|
||||||
= link_to project_pipeline_path(@project, last_pipeline.id) do
|
= link_to project_pipeline_path(@project, last_pipeline.id), class: "ci-status-icon-#{last_pipeline.status}" do
|
||||||
= ci_icon_for_status(last_pipeline.status)
|
= ci_icon_for_status(last_pipeline.status)
|
||||||
#{ _('Pipeline') }
|
#{ _('Pipeline') }
|
||||||
= link_to "##{last_pipeline.id}", project_pipeline_path(@project, last_pipeline.id)
|
= link_to "##{last_pipeline.id}", project_pipeline_path(@project, last_pipeline.id)
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
= project_icon(project, alt: '', class: 'avatar project-avatar s40')
|
= project_icon(project, alt: '', class: 'avatar project-avatar s40')
|
||||||
.project-details
|
.project-details
|
||||||
%h3.prepend-top-0.append-bottom-0
|
%h3.prepend-top-0.append-bottom-0
|
||||||
= link_to project_path(project), class: dom_class(project) do
|
= link_to project_path(project), class: 'text-plain' do
|
||||||
%span.project-full-name
|
%span.project-full-name
|
||||||
%span.namespace-name
|
%span.namespace-name
|
||||||
- if project.namespace && !skip_namespace
|
- if project.namespace && !skip_namespace
|
||||||
|
|
Loading…
Reference in a new issue