summaryrefslogtreecommitdiffstats
path: root/app/common/styles
diff options
context:
space:
mode:
authorDixsie Wolmers <dixsiew@gmail.com>2019-10-07 16:08:31 -0500
committerGunnar Mills <gmills@us.ibm.com>2019-10-18 17:13:44 +0000
commit2cc89bf3e149cf0cf14ebc7194a581299ed5f6f3 (patch)
treee7c5eacba8df2d167f4945f3ccd0e25e516cd9fb /app/common/styles
parent254b16ee2e354b1fe7a27c0efe38f568bd159c29 (diff)
downloadphosphor-webui-2cc89bf3e149cf0cf14ebc7194a581299ed5f6f3.tar.gz
phosphor-webui-2cc89bf3e149cf0cf14ebc7194a581299ed5f6f3.zip
Fix IE 11 primary navigation icon positioning
Added height value of 100% to nav-icon in order to properly align in IE11. Tested on Chrome, Firefox, Safari, Edge and IE11. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I66b2d4de1b67f546e0709eab70a780a297efbb7a
Diffstat (limited to 'app/common/styles')
-rw-r--r--app/common/styles/directives/app-navigation.scss5
1 files changed, 3 insertions, 2 deletions
diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index d7e8909..f8f5a6f 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -56,13 +56,14 @@ $nav__second-level-text-color: $base-02--01;
.nav-icon {
@include navIcons;
width: 100%;
+ height: 100%;
svg {
width: 36px;
height: auto;
}
}
- .nav-icon__control {
- margin-bottom: 1em;
+ .nav-icon__control,
+ .nav-icon__key {
svg {
width: 30px;
}
OpenPOWER on IntegriCloud