Fix status icon color after moving to flight icon (#13552)

This commit is contained in:
Chelsea Shaw
2022-01-03 14:40:23 -06:00
committed by GitHub
parent c4bde7365b
commit 188a59f5d7
3 changed files with 9 additions and 23 deletions

View File

@@ -1,31 +1,19 @@
.status-indicator-button {
&[data-status='good'] {
.status-indicator-icon-dot {
fill: $green-light;
}
.status-indicator-icon-ring {
fill: $green-dark;
.status-indicator-color {
color: $green-light;
}
}
&[data-status='mixed'] {
.status-indicator-icon-dot {
fill: $yellow;
}
.status-indicator-icon-ring {
fill: $yellow-dark;
.status-indicator-color {
color: $yellow;
}
}
&[data-status='bad'] {
.status-indicator-icon-dot {
fill: $red;
}
.status-indicator-icon-ring {
fill: $red-dark;
.status-indicator-color {
color: $red;
}
}
}

View File

@@ -3,7 +3,9 @@
@htmlTag={{if (eq this.type "replication") "span" "button"}}
class={{if (eq this.type "replication") "" "button is-transparent"}}
>
<span class="status-indicator-color">
<Icon @name={{this.glyphName}} aria-label={{this.ariaLabel}} />
</span>
<div class="status-menu-label">
{{this.label}}
</div>

View File

@@ -1,4 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00065107,15.0006511 C4.13465783,15.0006511 1.00065107,11.8666443 1.00065107,8.00065107 C1.00065107,4.13465783 4.13465783,1.00065107 8.00065107,1.00065107 C11.8666443,1.00065107 15.0006511,4.13465783 15.0006511,8.00065107 C15.0006511,11.8666443 11.8666443,15.0006511 8.00065107,15.0006511 Z M7.99983764,12.9999188 C10.7613062,12.9999188 12.9999188,10.7613062 12.9999188,7.99983764 C12.9999188,5.23836905 10.7613062,2.99975646 7.99983764,2.99975646 C5.23836905,2.99975646 2.99975646,5.23836905 2.99975646,7.99983764 C2.99975646,10.7613062 5.23836905,12.9999188 7.99983764,12.9999188 Z" class="status-indicator-icon-ring" fill="#525761" />
<circle cx="8" cy="8" r="4" class="status-indicator-icon-dot" fill="#6F7682" />
</svg>

Before

Width:  |  Height:  |  Size: 824 B