diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-09-24 08:32:42 -0700 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-10-02 07:02:24 -0700 |
commit | 4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79 (patch) | |
tree | 5e184f589c9ddad570f582d8b5818ac933c89e14 /app/common/styles/layout/header.scss | |
parent | ea4968c0e8e6a71a7a23263bd05e04147339e6c5 (diff) | |
download | phosphor-webui-4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79.tar.gz phosphor-webui-4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79.zip |
Clean up icons
Clean up duplicate svg icons from assets directory.
Created a statusIcon component to dynamically render
status icons instead of using background-image in
scss files.
- Moved/removed on, off, critical, warning svg icons from
assets directory
- Updated background-image status icons to use <icon>
or <status-icon> directive
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic0f06d78b0861d6f60d40b2dcc0b80fd6dad2a88
Diffstat (limited to 'app/common/styles/layout/header.scss')
-rw-r--r-- | app/common/styles/layout/header.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss index 084fe71..5a7a9d1 100644 --- a/app/common/styles/layout/header.scss +++ b/app/common/styles/layout/header.scss @@ -149,6 +149,10 @@ $logoMaxWidth: 125px; width: 1rem; } + .status-icon { + vertical-align: text-top; + } + &:hover { background: $background-01; } |