summaryrefslogtreecommitdiffstats
path: root/app/common/styles/layout
Commit message (Collapse)AuthorAgeFilesLines
* Create profile settings pageHEADmasterYoshie Muranaka2020-02-111-23/+28
| | | | | | | | Adding a profile settings page so readonly and operator roles are able to change their own password. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Iee9536255ad47f4df4af8746c1e01da37c407f2b
* Update navigation to accordian-style menukathy2020-01-131-3/+2
| | | | | | | | | | | | | | - 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>
* Fix IE11 icon alignment on header and system overviewDixsie Wolmers2019-10-181-6/+3
| | | | | | | | | | | | Made height and width changes to icons on app header and system overview to properly align icons in IE11. Removes additional space in system overview quick links. Tested in Chrome, IE11, Safari, Edge. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I7ae24df3fe73ea3502565ed3ee2ccabb2506e098
* Clean up iconsYoshie Muranaka2019-10-021-0/+4
| | | | | | | | | | | | | | | 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
* Update overview page to use new UI patternsDerick Montague2019-08-124-52/+54
| | | | | | | | | | | | | | | | | | | | - Use page, section, list-pair to establish consistent layout - Update header and overview page to use new caret icon - Reordered Server and BMC information to accomodate small screen views - Added chevron icons to create consistency between header and server overview page quick links - Changed edit hostname text to use the standard icon - Added OR operator to short circuit the server model, server serial number, and server manufacturer to display N/A if the information is not available Change-Id: I6619f5369ff290555142e85aa432e901c4f93d2d Signed-off-by: Derick Montague <derick.montague@ibm.com>
* Update toggle componentDixsie Wolmers2019-08-096-29/+97
| | | | | | | | | | | | | | | | | - Adds text to indicate the current state of the toggle button to meet accessibility guidelines - Update size, color, and focus of toggle component to fix DAP violations - Add page, section, and list-pair layout patterns established on the power usage page to begin a pattern for consistent page layout - Add form__field and form__actions to help with form layout consistency. Tested: Verified toggle functions in the GUI and tested with screen reader. Passes DAP. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: Iaa8646b1179cc307971065c455f4b9448095d1ec
* Clean up color valuesYoshie Muranaka2019-07-092-22/+22
| | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383
* Consolidate button stylesYoshie Muranaka2019-06-211-17/+11
| | | | | | | | | | | | | | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I1ca214b74fc502e6b6e760cfee88b48110237c43
* Add .ng-leave and .ng-enter rulesets for page transitionDerick Montague2019-05-291-8/+20
| | | | | | | | | | | | | | | Adding ngAnimation dependency created added animation to pages during route or location changes. Added transitions to create an elegant transition. Tested: I navigated to every page including logging in and out in Chrome, Firefox and Safari to assure all browsers handle the transition consistently. Resolves openbmc/phosphor-webui#86 Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I14fa1bd790e80f977b7a0ccceccc3eb20ce33ae6
* Resolve accessibility isssuesDerick Montague2019-04-081-5/+5
| | | | | | | | | | | | | | | | | | - Remove unecessary aria-roles - Associate label elements with form elements - Remove extraneous markup on Network settings page - Update generic markup to use definition list when appropriate - Add aria-labels and aria-expanded to accordion triggers Tested: Accessibility issues tested in using Lighthouse in Chrome Developer tools Audit section and Dequeue Axe extension. Manually tested clicking on labels set focus on the form elements. Visually tested of the Network Settings page in Chrome, Firefox, and Safari to verify layout changes. Resolves openbmc/phosphor-webui#76 Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ib974c623e9d3b74e74e1f374c21e8191732ec26a
* Clean up headersbeccabroek2019-02-191-5/+0
| | | | | | | | | | | | | | Updates headers to match style guide and makes them consistent throughout pages in the GUI. Removes instances where a header element existed and a different header style was being applied. For example, <h2 class="h4"> Tested: Ran GUI locally and verified that headers look consistent and have the appropriate sizing while using Chrome, Firefox and Safari. Change-Id: I187136298ed2bfd36c40c2b80d5a4f20947cbe56 Signed-off-by: beccabroek <beccabroek@gmail.com>
* Fix layout for responsive design: HeaderRyan Arnell2019-02-151-7/+8
| | | | | | | | | Get rid of "BMC host/IP address" & "server info" text, make the buttons tighter and make more buttons visible in header so that the information is more useful to users in tablet view. Change-Id: I6b4166390b1828fca265e7bb56f51106b4e6f21b Signed-off-by: Ryan Arnell <iffy.ryan@ibm.com>
* Fix Server power operations page styleGunnar Mills2018-12-201-0/+1
| | | | | | | | | | | | | | | | On the Server power operations page, need a width: 100% for the "Select a power operation" header. Drop "Row" from power operations div to fix confirm modal being cut off. These are needed because of the move to Bootstrap 4. 84e114a Resolves openbmc/phosphor-webui#51 Change-Id: I7250daf2aed4ce5af7ed5acdf61a65cc38deac72 Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Move to Bootstrap 4Gunnar Mills2018-11-151-2/+3
| | | | | | | | | | | | | | | | | | | | | Bootstrap < 4.1.2 has the following CVE: https://nvd.nist.gov/vuln/detail/CVE-2018-14041 Removed bootstrap-theme.css due to "Replaced the separate optional theme with configurable options via SCSS variables (e.g., $enable-gradients: true)." Added "width: 100%" to a few places where width 100% was no longer getting inherited. Moved a few elements and adjusted styles to get the same look as before. See https://getbootstrap.com/docs/4.0/migration/ for more information. Tested: Manually on a Witherspoon. Change-Id: I0a72665ac1ca6eacd0b553a585b1fb15e14ae62c Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Remove Web UI versionGunnar Mills2018-05-171-1/+1
| | | | | | | | | No reason to manage a version number separately from the overall project. Remove the version and rename the element. Based on feedback on https://gerrit.openbmc-project.xyz/#/c/10364/. Change-Id: I055445db8bdda36dc408c057132e6e69b8935a6b Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* BMC IP changed to BMC host/IP and corrected the value truncation in webgui.Jayashankar Padath2018-03-091-1/+1
| | | | | | | | | | Resolves openbmc/openbmc#2894 Tested: Running GUI locally and verified the new texts. Also made sure that value truncation is not happening. Change-Id: Ic3947b36ef83fe5cb37190a848c85156cc072afd Signed-off-by: Jayashankar Padath <jayashankar.padath@in.ibm.com>
* Updating images and stlesIftekharul Islam2017-11-021-2/+5
| | | | | | | Updating images and styles after code merge conflicts Change-Id: I96490926caa41d13e4d625ff67f6a463d7819d34 Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>
* Header and navigation fixesMichael Davis2017-10-091-5/+2
| | | | | | | | - fixed header slider position - decreased size of main nav buttons based on user feedback Change-Id: I86f6d2c448352c820e843837368c74407c00ec90 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* multi-server changes and prototype additionsMichael Davis2017-10-091-16/+35
| | | | | Change-Id: Icfdf19205bc4123ebd1bea086f01323ec41b4685 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* accessibility fixes and minor css changes.Michael Davis2017-10-091-1/+5
| | | | | | | | - added aria-hidden = "true" to prevent icons to be read by screen readers - moved code on pages into "page-header" for better consistency Change-Id: I3f497b2707991f7f628892a05734eea183a0d01d Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* made server info a slide out drawer at smaller resolutionsMichael Davis2017-10-091-19/+43
| | | | | Change-Id: Ie11792db8bedbf693ba5eea87f84b282a878a16a Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Header and nav changes based on user feedback.Michael Davis2017-10-091-2/+2
| | | | | | | | | | - Changed "page last refreshed" label to "Data last refreshed" - Changed "Configuration" label to "Server Configuration" - adding flashing of header timestamp on click of "refresh" button - moved "Server LED" under Server Configuration Change-Id: I9971fd96da94514a7edc8e4977591c4de85f70c9 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* header bar changed to white with gray buttons based from visual design changes.Michael Davis2017-10-091-39/+70
| | | | | Change-Id: I222d6043a1f3fdddb1c6e8aef190b15a00aea2d6 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* UI changes and fixes based on QA feedbackMichael Davis2017-10-091-8/+1
| | | | | Change-Id: I13bae30e86330a8831d35f1d8a2f7da821324e37 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Added hardware sensors functionalityIftekharul Islam2017-09-201-2/+7
| | | | | Change-Id: I99435613bb77fc0ff72f046c2dc047b13962a7a3 Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
* Enhance hardware inventory layoutMichael Davis2017-09-201-4/+1
| | | | | Change-Id: Ie013fdaa03a03682bb415a34e15155091fa3bf4a Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Various minor changesMichael Davis2017-09-201-1/+1
| | | | | | | | | - Add style class for critical icon - Minor tweaks to content styles - Reorder event log content for responsiveness Change-Id: Ibbe769a9c23d288db6b8e9db1a41b25d7b060999 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Accessibility fixesIftekharul Islam2017-09-202-2/+1
| | | | | | | | - Add tab index order to navigation. - Minor CSS changes. Change-Id: I402d3cb8c1ac14bd930a5efcf472c1d249cfe00a Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* add firmware pageMichael Davis2017-09-202-1/+2
| | | | | Change-Id: I3d9a2ec068e3542a848dada63a6bbebe9869bf2f Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Misc CSS fixesMichael Davis2017-09-203-0/+165
| | | | | | | | | | | | | | | * set max content width to 960px * created mixin for bold font * move app-header content to global header * minor global changes * changed input alignment for network config inputs * added pop-out button class * changed lightgrey color * fixed accordion header actions responsiveness * fixed input box border colors Change-Id: Iffe26d526439d7f2bb6808528a975ab7374ff1b2 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Reorganize navigation and header scssMichael Davis2017-09-204-309/+2
| | | | | Change-Id: I495e1c19cd5d67220c00ef65c88f7a95ad12bf68 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Add collapsing animation for 2nd level nav menuMichael Davis2017-09-202-7/+39
| | | | | Change-Id: Ie60d6c9d0aaff1e6db785a678e38c626925c8799 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Change navigation structureIftekharul Islam2017-09-201-2/+2
| | | | | Change-Id: I12c819293ce1eda188dc9f257ae9370f1b73cb18 Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
* added sensor templatesMichael Davis2017-09-201-2/+2
| | | | | Change-Id: I805828ce3cb80dbceb1dbba5d0e39fb31fbd6baf Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* added pagination support to event logMichael Davis2017-09-201-0/+5
| | | | | Change-Id: I18a21ba71679407bd512f1895ba91717c8ca5990 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Added fake login page for testing and demoIftekharul Islam2017-09-201-12/+0
| | | | | Change-Id: Ife37444dcede67b54d1f257ee99322b22ac6b78c Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
* updated IA for main navigation.Michael Davis2017-09-201-0/+12
| | | | | Change-Id: I4d69ce1c0c9459742b4cfc3d65f296fe3ce2f24f Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Major update to code structureIftekharul Islam2017-09-204-0/+319
* Split files into independent files based on functionality. * Switch to bower/gulp for build. Change-Id: Ibc775dd9b7f6a0a49f63c22162b7582e781e2d9c Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
OpenPOWER on IntegriCloud