summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc
AgeCommit message (Collapse)AuthorFilesLines
2020-08-17Update use of Sass variable background variant colorsYoshie Muranaka6-27/+17
The hardcoded Sass variable assignments to lighter variant background colors does not work well with the theme-color functions that are used. Use Bootstrap's built in theme-color-level function to programatically get a lighter variant color to use for component backgrounds. https://getbootstrap.com/docs/4.5/getting-started/theming/#functions Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I9d5a1a66c92d347ba1797be5e0810a24c34094f9
2020-08-13Add Firmware pageYoshie Muranaka2-0/+6
Adds ability to upload a fimware image by local workstation or TFTP. Also adds ability to reboot BMC from the backup image. - Add route definition, component view, and store for Firmware page - Get ActiveSoftwareImage location at /redfish/v1/Managers/bmc - Get backup by checking for an image id that is not the same as the active image /redfish/v1/UpdateService/FirmwareInventory - Switch running firmware image by making PATCH request to /redfish/v1/Managers/bmc Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I04450e5a170d374122908c4c0349ba3b6e93ed2c
2020-08-12Add info icon for informational alertSurenNeware1-1/+7
-Add new style carbon icon for informational alert -Change alert icon position from center to top Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895
2020-08-10Remove Sass color mapsYoshie Muranaka1-23/+0
Sass maps are not needed to create color or theme tokens. With Bootstrap's use of the !default flag, only unassigned variables will default to Bootstrap defined colors. Sass variable assignements are sufficient for overriding colors. https://sass-lang.com/documentation/variables#default-values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: If69f712602d3c46747a68fd70319a20ef8002bd6
2020-07-28Update form fields to match style guideDixsie Wolmers2-14/+62
Updates inputs, select, form field background color, validation text size, and field focus state. New styles have a darker form field background color. Form fields on dark backgrounds will remain white. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ifa14a57f764335b196b129e6614d7a1f1c27d7ad
2020-07-23Update global typographyDixsie Wolmers1-0/+43
Updated the following body, label, and heading styles to match new style guide: - Font sizes - Font weight - Line height - Color Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I014c968f6542b697fec8c3b9af781e64ac10794d
2020-07-21Update use of Sass variables for better themingYoshie Muranaka11-42/+40
Use Bootstrap color functions for theme-colors and grays instead of directly referencing Sass variable to allow more flexible theming. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f
2020-07-16Update gray color palette to match style guideDixsie Wolmers1-5/+5
Updated gray palette to match updated design guide - Color changes per page will be addressed in separate commits. Updated sytle guide documentation with new colors. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ic771d932ace38d3abbbf65038f00e25391db5dd0
2020-07-13Restructure Sass filesYoshie Muranaka15-3/+373
- Consolidate all bootstrap partials - Combine all vendor overrides with BMC custom styles - Updated paths for Vuepress docs Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I1a9f68bdf90edae0d1e38f36ac670bf6426ec8a5
2020-05-15Add themes documentationDerick Montague1-3/+3
- Renamed all index.md to readme.md to make consuming the documentation from the Github repo easier. VuePress treats index.md and readme.md the same way when building the static pages. - Added theme section overview documentation - Added how to customize documentation - Added custom style imports to support OpenBMC Web UI component documentation to remove Bootstrap framework base styles that conflict with the Vuepress theme - Found occurrences of the word Sass in upper-case and changed to use sentence case. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: If5588f88a3d75761cc47e85a3fb0a582b31d373c
2020-05-12Add motion guidelinesDerick Montague2-4/+5
- Update transition global variables in bootstrap to use Carbon motion easing and duration tokens to maintain consistency throughout the application - Remove import of colors helper file into variables and set import order based on dependency Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ibd3fb9438ff236670e5523250d284b59411a7e53
2020-05-05Update Sass architecture to require helper importsDerick Montague5-0/+110
- Restructuring file strucure to support single file components use of Sass variables when imported into vuepress. - Creating a scalable file structure using Sass best practices Tested by building and testing both the vue web ui and the the documentation application. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3