summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc
AgeCommit message (Collapse)AuthorFilesLines
2020-09-27Add icon to the toast componentSurenNeware1-1/+8
- Add status icon to the toast component. - Add a method that return title with associated icon. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Iae75e3eec7317af6b25a0ed1bfa4cc72644f7cd7
2020-09-25Update toast drop-shadow opacityDixsie Wolmers2-1/+3
- Created sass variable for box shadow to be reused for elements requiring box-shadow - Update toast opacity to 0.3 Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Icfc0a58944fd5fe6d2c677e99564910fc2c67f1f
2020-09-16Update style of modal titleDixsie Wolmers1-1/+6
New style guide uses h4 style for modal title Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I440ff224b24de788086a33b5a0df7ad464d22096
2020-09-16Remove not needed scroll on sensor pageMateusz Gapski1-1/+6
Details: https://github.com/openbmc/webui-vue/issues/17 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I5c76219db954470dc72231e51ea0f202016d6816
2020-08-28Add Intel themeMateusz Gapski2-2/+5
Add Intel fonts, colours Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Idbfa1422f2667515efb60e24f9a84b7d77d11fcd
2020-08-28Update checkboxes to match style guideDixsie Wolmers1-0/+16
- Changes focus, checked and hover state - Changes indeterminate checkbox style Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ic15a1a64d226bc160feea62ff140f38c11c4cca3
2020-08-28Update table filter action button styleSurenNeware1-0/+13
- Update table filter action Clear all button style to Ghost button style. - Now in active state button text became visible. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I3e56482ec9b96328a2460673af9937f30522376d
2020-08-18Add form input field validation iconsDixsie Wolmers1-0/+27
Updates form validation to match updated style guide: - Datepicker and password toggle form field padding adjusted to accomodate validation icons - Valid form validation icon is hidden - Adds carbon icons and enables validation icons in IBM environment Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I7edff1e9527ad2c2cfec236daacb83ad4864d785
2020-08-17Fix Sass build errorYoshie Muranaka1-1/+1
Replaced $success-light Sass variable with theme-color-light function. We removed the variable and forgot to update this partial. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: If4422241cae10efdb0e17b31327465ee4d0a6dae
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