Skip to content
Permalink
Browse files

Fixed icon on alert

  • Loading branch information...
KJNC committed Aug 20, 2019
1 parent bdaf93e commit bde3f859c37731b12ad55a73d922a930f4c0c32c
@@ -7478,8 +7478,8 @@ hr {
border-color: #358000;
}

.alert-success.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/success.svg");
.alert-success.alert--show-icon {
background-image: url("../img/svg-icons/success.svg");
padding-left: 48px;
}

@@ -7488,8 +7488,8 @@ hr {
border-color: #febb30;
}

.alert-warning.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/warning.svg");
.alert-warning.alert--show-icon {
background-image: url("../img/svg-icons/warning.svg");
padding-left: 48px;
}

@@ -7498,8 +7498,8 @@ hr {
border-color: #CC0000;
}

.alert-error.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/error.svg");
.alert-error.alert--show-icon {
background-image: url("../img/svg-icons/error.svg");
padding-left: 48px;
}

@@ -7508,8 +7508,8 @@ hr {
border-color: #1B86C3;
}

.alert-info.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/info.svg");
.alert-info.alert--show-icon {
background-image: url("../img/svg-icons/info.svg");
padding-left: 48px;
}

Large diffs are not rendered by default.

Large diffs are not rendered by default.

@@ -7475,8 +7475,8 @@ hr {
border-color: #358000;
}

.alert-success.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/success.svg");
.alert-success.alert--show-icon {
background-image: url("../img/svg-icons/success.svg");
padding-left: 48px;
}

@@ -7485,8 +7485,8 @@ hr {
border-color: #febb30;
}

.alert-warning.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/warning.svg");
.alert-warning.alert--show-icon {
background-image: url("../img/svg-icons/warning.svg");
padding-left: 48px;
}

@@ -7495,8 +7495,8 @@ hr {
border-color: #CC0000;
}

.alert-error.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/error.svg");
.alert-error.alert--show-icon {
background-image: url("../img/svg-icons/error.svg");
padding-left: 48px;
}

@@ -7505,8 +7505,8 @@ hr {
border-color: #1B86C3;
}

.alert-info.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/info.svg");
.alert-info.alert--show-icon {
background-image: url("../img/svg-icons/info.svg");
padding-left: 48px;
}

Large diffs are not rendered by default.

Large diffs are not rendered by default.

@@ -7469,8 +7469,8 @@ hr {
border-color: #358000;
}

.alert-success.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/success.svg");
.alert-success.alert--show-icon {
background-image: url("../img/svg-icons/success.svg");
padding-left: 48px;
}

@@ -7479,8 +7479,8 @@ hr {
border-color: #febb30;
}

.alert-warning.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/warning.svg");
.alert-warning.alert--show-icon {
background-image: url("../img/svg-icons/warning.svg");
padding-left: 48px;
}

@@ -7489,8 +7489,8 @@ hr {
border-color: #CC0000;
}

.alert-error.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/error.svg");
.alert-error.alert--show-icon {
background-image: url("../img/svg-icons/error.svg");
padding-left: 48px;
}

@@ -7499,8 +7499,8 @@ hr {
border-color: #1B86C3;
}

.alert-info.alert--show-icon .alert-body:before {
content: url("../img/svg-icons/info.svg");
.alert-info.alert--show-icon {
background-image: url("../img/svg-icons/info.svg");
padding-left: 48px;
}

Large diffs are not rendered by default.

Large diffs are not rendered by default.

@@ -84,8 +84,8 @@ $icon-size: 24px;
background-color: $bgcolor;
border-color: map-get($alerts-bar, $name);

&.alert--show-icon .alert-body:before{
content: url('#{$image-path}/svg-icons/#{$name}.svg');
&.alert--show-icon{
background-image: url('#{$image-path}/svg-icons/#{$name}.svg');
padding-left: $padding + $icon-size + 8px;
}
}
@@ -1 +1 @@
{% macro icon_svg(iconname, classes, arialabel, ariahidden) %}<svg class="icon-svg {{ classes }}" {% if arialabel %}aria-label ="{{arialabel}}"{% endif %} focusable="false" aria-hidden="{{ariahidden|default('true') }}" tabindex="-1"><use xlink:href="#{{iconname}}"></use></svg>{% endmacro %}
{% macro icon_svg(iconname, classes, arialabel, ariahidden, focusable, tabindex) %}<svg class="icon-svg {{ classes }}" {% if arialabel %}aria-label ="{{arialabel}}"{% endif %} focusable="{{focusable|default('false') }}" aria-hidden="{{ariahidden|default('true') }}" {% if tabindex %}tabindex="-1"{% endif %}><use xlink:href="#{{iconname}}"></use></svg>{% endmacro %}
@@ -84,8 +84,8 @@ $icon-size: 24px;
background-color: $bgcolor;
border-color: map-get($alerts-bar, $name);

&.alert--show-icon .alert-body:before{
content: url('#{$image-path}/svg-icons/#{$name}.svg');
&.alert--show-icon{
background-image: url('#{$image-path}/svg-icons/#{$name}.svg');
padding-left: $padding + $icon-size + 8px;
}
}

0 comments on commit bde3f85

Please sign in to comment.
You can’t perform that action at this time.