diff options
author | kathy <kathryn.elainex.pine@intel.com> | 2019-11-11 10:35:31 -0800 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2020-01-13 15:24:01 +0000 |
commit | cee23d931785fe0638054a2448acb2e44411fdd0 (patch) | |
tree | 6150001573022f224a68da6e404cd9ed0d587c46 /app/common/styles/layout/content.scss | |
parent | dda0b83ebe65f7dc90275a649245e85ba3e8b315 (diff) | |
download | phosphor-webui-cee23d931785fe0638054a2448acb2e44411fdd0.tar.gz phosphor-webui-cee23d931785fe0638054a2448acb2e44411fdd0.zip |
Update navigation to accordian-style menu
- New navigation provides intuitive structure for showing relationship
between sections and pages
- Menu keeps an open state, which allows easy clicking to sibling pages
- Ability to preview all page sections w/o hover over blocking page content
- Allows user to see where they are within navigation at all times
Tested: Opened each page and confirmed new navigation worked, clicked through
to all pages successfully.
Change-Id: Ie10dc95d8e15ee9bf89a3bec9ff231c0a7065ed9
Signed-off-by: Kathy Pine <kathryn.elainex.pine@intel.com>
Diffstat (limited to 'app/common/styles/layout/content.scss')
-rw-r--r-- | app/common/styles/layout/content.scss | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/app/common/styles/layout/content.scss b/app/common/styles/layout/content.scss index f5d2757..143c52a 100644 --- a/app/common/styles/layout/content.scss +++ b/app/common/styles/layout/content.scss @@ -1,12 +1,11 @@ // Content layout styles -$nav__toplvlWidth: 120px; -$nav__seclvlWidth: 240px; +$nav__toplvlWidth: 240px; // Main element class .content__container { margin-left: $nav__toplvlWidth; padding: 1em 0.1em; - + margin-top: 130px; @include mediaQuery(x-small) { padding: 1rem 2rem; } |