diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-07-01 11:14:21 -0500 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2019-07-29 16:33:24 +0000 |
commit | f1aadb9093df7ee0789e9d3caf4e3c83a0bfbb6c (patch) | |
tree | 1873a6370951497d81db0c261a9f0a3fd0fa46c7 /app/common | |
parent | 5ff98780e0a9c3987447a83782f1409dd3d11f02 (diff) | |
download | phosphor-webui-f1aadb9093df7ee0789e9d3caf4e3c83a0bfbb6c.tar.gz phosphor-webui-f1aadb9093df7ee0789e9d3caf4e3c83a0bfbb6c.zip |
Update icons to fix sizing and overflow issues
Re-exported icon-control.svg and icon-replace.svg to
resolve issues around sizing and overflow. These new icons
will allow us to remove CSS 'hacks' in place to prevent
unexpected focus state overflows and allow icon resizing
by changing the width on the icon class name. Small scss
updates were included to account for this fix.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I07bbe5bb0c82ee653f2342089c0c1373a51cc168
Diffstat (limited to 'app/common')
-rw-r--r-- | app/common/directives/app-navigation.html | 2 | ||||
-rw-r--r-- | app/common/styles/directives/app-navigation.scss | 7 |
2 files changed, 7 insertions, 2 deletions
diff --git a/app/common/directives/app-navigation.html b/app/common/directives/app-navigation.html index eabb137..329381c 100644 --- a/app/common/directives/app-navigation.html +++ b/app/common/directives/app-navigation.html @@ -36,7 +36,7 @@ </li> <li> <button class="btn-control" ng-class="{opened: firstLevel == 'server-control'}" ng-click="change('server-control')"> - <icon class="nav-icon" file="icon-control.svg"></icon> + <icon class="nav-icon nav-icon__control" file="icon-control.svg"></icon> Server control </button> <ul class="nav__second-level btn-control" diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss index 3baa214..4e66ee4 100644 --- a/app/common/styles/directives/app-navigation.scss +++ b/app/common/styles/directives/app-navigation.scss @@ -12,7 +12,6 @@ $nav__second-level-text-color: $base-02--01; stroke-width: .5; display: block; margin: .5em auto; - overflow: hidden; .st0 { fill: none; stroke: $primary-light; @@ -62,6 +61,12 @@ $nav__second-level-text-color: $base-02--01; height: auto; } } + .nav-icon__control { + margin-bottom: 1em; + svg { + width: 30px; + } + } .button, button, a { background: transparent; border: 0; |