summaryrefslogtreecommitdiffstats
path: root/app/common/styles/base/colors.scss
Commit message (Collapse)AuthorAgeFilesLines
* Update toast notificationYoshie Muranaka2019-10-221-0/+14
| | | | | | | | | | | | | | Added new toast notification types, warn and info, and updated visual styling. All toasts will need to be manually closed by clicking the 'X' close icon, except a success toast which will be dismissed automatically after 10 secs. - Small updates to critical and success/on icon - Added new colors for toast status background colors Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I9077109042621b2d3346b4121d6344da502b6b26
* Clean up color valuesYoshie Muranaka2019-07-091-108/+57
| | | | | | | | | | | | | 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
* Create certificate management pagebeccabroek2019-07-091-1/+10
| | | | | | | | | | | | | | | | | | | | | | | | | | | | Displays certificates and the ability to add up to one of each type of certificate (as limited by the backend implementation). HTTPS certificate and LDAP client cert are implemented in this commit, with the ability to add more types as needed by adding them to the constants.js CERTIFICATE_TYPES array. Also provides the ability to replace a certificate once it is added. Resolves openbmc/phosphor-webui#43 Tested: loaded onto a witherspoon and able to view and replace both the HTTPS certificate and the LDAP certificate. GUI only allows to upload an LDAP certificate if one doesn't already exist. The GUI limits the user to one file per type as expected at this time and provides the appropriate validation messages. Alert messages appear above the table if the certificate is expired or within 30 days of expiring. Change-Id: I345267280ecd3cb257e9304886cde9ebb69b1240 Signed-off-by: beccabroek <beccabroek@gmail.com> Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
* Consolidate button stylesYoshie Muranaka2019-06-211-14/+42
| | | | | | | | | | | | | | | | | | | | | | | | | 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
* Fix system overview edit hostname form validationdixsie2019-05-081-0/+2
| | | | | | | | | | | | | | - Add pattern for no spaces - Fix character count - Prepopulate hostname in input field - Show error for invalid input - Improve form accessibility - Correct global disabled primary button style Resolves openbmc/phosphor-webui#71 Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: Ia0601ac7c52229d0606dc5b13397b468fa81426d
* Update hex values to meet WCAG AA Guidelines for color contrastDerick Montague2019-03-281-4/+4
| | | | | | | | | | | | | | | - Change #3C6DF0 to #2D60E5 - Change #E62325 to #DA1416 Tested: I spot tested the Server Overview, the Event log and System logs pages to verify color changes and overall validate the update does not negatively impact the visual integrity of the app. Resolves openbmc/phosphor-webui#70 Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I2315527a98937176b3e3a2a2118e1798fa4c9e5d
* Form validation on login pagebeccabroek2019-02-021-0/+1
| | | | | | | | | | | | | | | | | | Using ngMessages, adds form validation to login page. Also creates a directive, hasError, to be used to validate form field by passing in a boolean. This is a proposed pattern to be used moving forward, as form validation is added to additional pages. Validation error messages are shown on $touched and on submit. Unreachable Server and Invalid username and password error messages remain until input is no longer $pristine after form submission. In addition, this removes unneeded and unused css styling Resolves openbmc/phosphor-webui#47 Change-Id: I7a067af67ac74d4cf2977d10f66445720ecae9eb Signed-off-by: beccabroek <beccabroek@gmail.com>
* Change navigation hover background colorRyan Arnell2018-10-221-0/+1
| | | | | | | | | -Changing the hover color to be white as hover and selected states need to look different. Change-Id: I65a201b127408a698e50563f2b555fd5c55935dd Signed-off-by: Ryan Arnell <iffy.ryan@ibm.com>
* fixed colors and textMichael Davis2017-10-091-1/+1
| | | | | Change-Id: Ib2d1caf520302555b3bfb7b49cb69ae68b6bcfa8 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Accessibility fixes:Michael Davis2017-10-091-2/+2
| | | | | | | | | - changed buttons to spans since not being used in forms - added aria roles to html elements - changed low contrast colors Change-Id: I56e784b226baa7f9b24346446a0a023fcea633d4 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Colors darkened for better visual contrast to pass accessibility tests.Michael Davis2017-10-091-2/+2
| | | | | Change-Id: Iedcaaf71a2ac48eb885ac92d9efee0623e949289 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* added pre-loader template to directives. Added styling for loader animation.Michael Davis2017-10-091-3/+2
| | | | | Change-Id: I2f60a4bf8cbf49932b9e736818fcb3a4560af838 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Misc event log changesMichael Davis2017-09-201-0/+11
| | | | | | | | | | | | * changed styles of priority tags * fixed alignment issues with checkboxes * moved event ID and time stamp to top and event description below. Allows more room for long event descriptions without wrapping or truncating. * changed status filter label to be more accurate Change-Id: I471bc480cfc1ab1b58753e21546f3b862a287c58 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Added hardware sensors functionalityIftekharul Islam2017-09-201-2/+2
| | | | | Change-Id: I99435613bb77fc0ff72f046c2dc047b13962a7a3 Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
* Enhance hardware inventory layoutMichael Davis2017-09-201-6/+6
| | | | | Change-Id: Ie013fdaa03a03682bb415a34e15155091fa3bf4a Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* darkened input borders for accessibility against white page colorMichael Davis2017-09-201-0/+3
| | | | | Change-Id: I0ae704746bb982ba5d64222d132bb656fd6ab684 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Implement firmware upload functionIftekharul Islam2017-09-201-1/+0
| | | | | Change-Id: Ie89793ec9add1fc9e5241b422cfff64784f7b078 Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
* Various minor changesMichael Davis2017-09-201-0/+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-201-5/+5
| | | | | | | | - 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-201-2/+5
| | | | | Change-Id: I3d9a2ec068e3542a848dada63a6bbebe9869bf2f Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Misc CSS fixesMichael Davis2017-09-201-3/+5
| | | | | | | | | | | | | | | * 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>
* add inventory templatesMichael Davis2017-09-201-1/+8
| | | | | Change-Id: I735465dc2d6ab0583586ece23380ea8570f024fa Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* event-logs: redesign search and filtering functionMichael Davis2017-09-201-5/+6
| | | | | | | Proposed changes were based on user feedback from design team. Change-Id: Idab1418e1b4d11770095c865eb03769f278a03bc Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* added sensor templatesMichael Davis2017-09-201-0/+15
| | | | | Change-Id: I805828ce3cb80dbceb1dbba5d0e39fb31fbd6baf Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* added pagination support to event logMichael Davis2017-09-201-2/+2
| | | | | Change-Id: I18a21ba71679407bd512f1895ba91717c8ca5990 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Additional details on event log templatesMichael Davis2017-09-201-6/+12
| | | | | Change-Id: I634cbc5c4c42150b54ac4f520ff7aed70b4243dc Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Major update to code structureIftekharul Islam2017-09-201-0/+50
* 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