phosphor-webui/app/common/styles/directives, branch master

Create profile settings page

2020-02-11T16:43:22+00:00

Adding a profile settings page so readonly and operator roles are able to change their own password. Signed-off-by: Yoshie Muranaka Change-Id: Iee9536255ad47f4df4af8746c1e01da37c407f2b

Update navigation to accordian-style menu

2020-01-13T15:24:01+00:00

- 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

Fix IE 11 primary navigation icon positioning

2019-10-18T17:13:44+00:00

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 Change-Id: I66b2d4de1b67f546e0709eab70a780a297efbb7a

Change navigation submenu transition duration and ease

2019-09-30T18:33:01+00:00

The current submenu navigation expanstion is too fast. This commit will change the speed from 110ms to 400ms and change the timing function from ease to cubic-bezier. Signed-off-by: Yoshie Muranaka Change-Id: Iec1b9ac9dd19aa8ef43bf1845ab4f1d259b9ef0b

Update icons to fix sizing and overflow issues

2019-07-29T16:33:24+00:00

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 Change-Id: I07bbe5bb0c82ee653f2342089c0c1373a51cc168

Clean up color values

2019-07-09T21:37:46+00:00

This update will clean up slight color variations in the code base by creating and using Sass color variables instead of hex values. Available colors are defined in colors.scss. Any usage of CSS color properties should refer to the mapped color variables in colors.scss. - Removed tags.scss file since tag components no longer used Signed-off-by: Yoshie Muranaka Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383

Consolidate button styles

2019-06-21T19:27:51+00:00

This patchset will create consistent button styling according to the styleguide and remove redundant button styles by creating reusable button classes. This patchset also implements a consistent strategy for including icon assets. Currently, svg icons are imported as CSS background images or inlined into the markup. Inlining an svg is preferred, especially when used with buttons or links so the colors can be easily changed for different states (hover, focus, disabled) without having to request variants. The icon provider allows us to inline svgs without cluttering the markup. Webpack config was adjusted to use svg-inline-loader when resolving svgs that are used by the icon provider directive. - All svgs were optimized to remove unncessary information. - Removed unused svg color variants - Moved icons used by icon provider to separate directory to avoid Webpack parsing the files twice - Small changes to navigation icons Signed-off-by: Yoshie Muranaka Change-Id: I1ca214b74fc502e6b6e760cfee88b48110237c43

Fix the tabbing order in the primary and secondary navigation

2019-05-29T13:48:59+00:00

The main navigation will follow a natural tabbing order. When the secondary menu is expanded with the keyboard, the first item in the secondary menu will be in focus. Tabbing after the last item in the secondary menu will return focus to the primary menu. - Restructures markup so secondary menu is nested in primary navigation Signed-off-by: Yoshie Muranaka Change-Id: I4ecb17ef6721ee443310f81e1554620352c145a4

Change navigation hover background color

2018-10-22T21:47:39+00:00

-Changing the hover color to be white as hover and selected states need to look different. Change-Id: I65a201b127408a698e50563f2b555fd5c55935dd Signed-off-by: Ryan Arnell

Updating images and stles

2017-11-02T18:16:17+00:00

Updating images and styles after code merge conflicts Change-Id: I96490926caa41d13e4d625ff67f6a463d7819d34 Signed-off-by: Iftekharul Islam