summaryrefslogtreecommitdiffstats
path: root/app/common/styles
Commit message (Collapse)AuthorAgeFilesLines
* Create profile settings pageHEADmasterYoshie Muranaka2020-02-114-24/+36
| | | | | | | | 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-132-153/+130
| | | | | | | | | | | | | | - 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>
* Add file upload componentDixsie Wolmers2019-11-271-39/+27
| | | | | | | | | | | | | | | Created reusuable file upload component to be used on updated firmware page. Component can: -Upload file -Display status icon -Clear upload field Made minor style change to file upload on certificate management. Tested in GUI. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I09bf56eee4d670681ea5e95c1807f8177c0e4c08
* Update loading spinnerDixsie Wolmers2019-11-271-16/+17
| | | | | | | | | Loader was updated with loading icon svg. Added inline style for loading icon and added loader svg to status-icon directive. Status icons will be used in file-upload component for firmware page update. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I15e6f9fa39a08fcc8cfe354f8ed4447aab6425a9
* Fix truncated button icons on SafariYoshie Muranaka2019-11-262-11/+0
| | | | | | | | | Removing margin offset to fix issue with button icons being visually truncated on Safari. Removing additional redundant code around same icon/buttons. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ie1ef89023a043a70a0126a21be57febb9afae19a
* Create alert banner componentYoshie Muranaka2019-11-262-1/+32
| | | | | | | | | This reusuable component will help to make sure banner implementations are consistent and will help reduce redundant code. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I3a16f65d36c2d61abf54c300e2ed5defeadee298
* Update toast notificationYoshie Muranaka2019-10-222-9/+60
| | | | | | | | | | | | | | 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
* Update certificate management page consistencyDixsie Wolmers2019-10-214-31/+94
| | | | | | | | | | | | | | | | | | This change applies global styles to improve page layout consistency and modal management - Adds page and section styles - Removes unused styles - Creates individual html files for modals - Updates certificate modals to bootstrap modal - Updates global styles for input file field in file-upload.scss TODO: - Update certificate table with table component in separate commit - Update CSR modal to use global form-field styles in separate commit Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I9b800cb684740da1a9168294433e726efb0f9d0e
* Add tooltip stylesYoshie Muranaka2019-10-181-0/+22
| | | | | | | | | | | | | | Adding styles to make sure the Bootstrap tooltip directive works by adding opacity to 'in' class that is added to the tooltip when triggered. This commit also includes additional custom styles to override defaults. We will need these styles to implement tooltips which are included in upcoming changes like the firmware page redesign. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I08e8f1f1762dcc24f8a803b87348a5bff25bd65b
* Fix IE11 icon alignment on header and system overviewDixsie Wolmers2019-10-182-7/+10
| | | | | | | | | | | | 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
* Fix IE 11 primary navigation icon positioningDixsie Wolmers2019-10-181-2/+3
| | | | | | | | | | 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 <dixsiew@gmail.com> Change-Id: I66b2d4de1b67f546e0709eab70a780a297efbb7a
* Clean up iconsYoshie Muranaka2019-10-025-111/+25
| | | | | | | | | | | | | | | 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
* Change navigation submenu transition duration and easeYoshie Muranaka2019-09-301-2/+1
| | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: Iec1b9ac9dd19aa8ef43bf1845ab4f1d259b9ef0b
* Improve LDAP accessibilityDixsie Wolmers2019-09-261-2/+0
| | | | | | | | | | | | | | -Fixes accessibility issues for table sort buttons, fieldset legend, checkboxes and radio buttons -Fixes tabbing to checkboxes -Stops tabbing to disabled sort buttons by adding ng-disabled -Removes aria-hidden from modals Tested: Verified no violations using DAP tool. Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I9ad240d5ed151a362c0000fdab3ebf1f2997b226
* LDAP configuration and user groupsbeccabroek2019-09-261-1/+6
| | | | | | | | | | | | | | | | | Adds LDAP page and ability to add and change configuration settings. Adds ability to add, remove and edit user groups for LDAP. Resolves openbmc/phosphor-webui#38 Resolves openbmc/phosphor-webui#39 Tested: Loaded on to a witherspoon and able to add initial LDAP config as well us update the configuration and role groups. Appropriate messages displayed to user when required fields are missing or in the incorrect format. Change-Id: If8a21f3f9d9334415ead73472e90b2a0823bf9ea Signed-off-by: beccabroek <beccabroek@gmail.com> Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Signed-off-by: Derick Montague <derick.montague@ibm.com>
* Add batch action functionality to table ComponentYoshie Muranaka2019-09-242-1/+135
| | | | | | | | | | | | | | | | These changes aren't currently implemented on any table. It will be added to event logs and local user table. - Create tableCheckbox component to handle custom styles and indeterminate state which needs to be set with JS - Update tableComponent layout to allow transition for toolbar. Updated user-accounts layout and styles to account for these changes Tested on Chrome, Safari, Firefox, Edge, IE Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic57a090db1ef66f9d33facfdc425db868ae8d8c6
* Add expand/collapse functionality to table ComponentYoshie Muranaka2019-09-201-4/+25
| | | | | | | | | | | | This commit will add optional expand/collapse functionality to the shared table component. Expand/collapse is not implemented on any existing table but will be used on the redesigned event log table. Tested on Chrome, Safari, Firefox, Edge, IE Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ia7ecde7b5525c11c68ebdf9f609c8d690c312969
* Add sort functionality to table ComponentYoshie Muranaka2019-09-201-0/+28
| | | | | | | | | | | | | | | | | Added optional sort function to the shared table component. Table sort is not implemented on any existing table, but will be used in the redesigned Event Log table. - Changed table model attribute to two separate properties data and header to take advantage of $onChanges lifecycle hook - Update local user table and user role table to account for these updates Tested on Chrome, Safari, Firefox, Edge, IE Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I4fe68e78ae9d1228d7d9350538f61076036b1089
* Fix missing expiring/expired icons and warnning messages in certificate tablemiramurali232019-09-101-1/+4
| | | | | | | | | | | | | - Confirmed with backend developer that we should be checking certificate expiration date with bmc date/time set - Converted both certificate expiration date and bmc date/time to EPOCH time to fix the bug Tested: Go to Date and Time settings and change BMC time to be after or 30 days before a certificate expiration date. Then either a warning or expiration icon and message will be displayed next to the date and message on top of the table. To remove the expiration or warning date, upload a certificate that has an expiration date greater than 30 days after bmc time set. The icon and warning message should now disappear. Signed-off-by: Mira Murali <miramurali23@gmail.com> Change-Id: I9389fe3cce5a555945adf9c56180897a6be047bf
* Fix certificate management tabbingDixsie Wolmers2019-09-042-0/+26
| | | | | | | | | | | | - Adds focus to "choose file" button when replacing certificate - Adds input-file.scss to elements Tested: - Passes DAP - Tabs correctly in all browsers Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: I48c61f4176bc3e3fe55425dafc79e8f2edb934b2
* Add user role privilege tableYoshie Muranaka2019-08-272-0/+14
| | | | | | | | Created a directive to handle display of user privilege roles on the local user management page. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I83caea33356012752c7a67301fa2a372f0c28620
* Add tableActions componentYoshie Muranaka2019-08-271-1/+5
| | | | | | | | | Creating a separate table actions component to allow row action customizations like disabling certain actions and rendering different icons. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I85e96045af27701f5ecc4af9bf824e248abccbf5
* Add local user manual unlockYoshie Muranaka2019-08-231-0/+34
| | | | | | | | Enables manual unlock from the GUI when a user is locked out due to failed login attempts above allowed threshold. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I63e28a4d6feed9eb6d4d09c0431d31e7bd6924c2
* Create csr modalmiramurali232019-08-222-0/+7
| | | | | | | | | | | | | | | | | | The CSR Modal allows users to generate a CSR code. Once the user types in the necessary information to generate the CSR code, that modal will then render the code and the user will be able to either copy the code or download the code in a txt file. Tested: loaded onto Witherspoon and able to view on certificate management page. Click on generate csr and type in necessary (or any additional info), then click on generate CSR. The CSR code is then visible and is able to be copied or downloaded. In error state in which CSR code is unable to generate, the modal closes and an error toast message appears. FYI: Sometimes you have to reboot system in order for csr to successfully generate.y Signed-off-by: Mira Murali <miramurali23@gmail.com> Change-Id: I3cca09c494357496166164b5ee8ff99250ef981d
* Add boot option override and TPM enable toggleDixsie Wolmers2019-08-211-1/+10
| | | | | | | | | | | | | | | | | - Adds ability to set a bootsource override to allowable target value - Adds ability to enable or disable TPM required policy - Replaces power operations confirm directive with bootstrap modal Tested: Confirmed override settings saved to redfish but unable to verify if settings are automatically set to disabled by petitboot after a one time boot. Passes DAP. Resolves openbmc/phosphor-webui#82 Resolves openbmc/phosphor-webui#90 Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com> Change-Id: If0ffd6f9328939d70c7958ee11fb90bd20a1e685 Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Add password visibility toggleYoshie Muranaka2019-08-191-0/+27
| | | | | | | | | This commit will add a new password visibility toggle directive. The new directive was added to the local user management, user modal password input fields. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I4e2baf53eec04aaff1bba26948779de6e447e3e7
* Update local user table to new designYoshie Muranaka2019-08-136-2/+84
| | | | | | | | | | | | | | | | | | | | | | This commit will introduce a reusable data table component. By creating a reusable component, we can ensure tables in the GUI will look consistent and common table actions (sort, select row) are shared. - Created new components directory to store shared components - Add password-confirmation directive - Remove some error handling from API utils so it can be handled in the UI TODO: - Add show/hide toggle to password fields - Enhance table component with icons - Manual user unlock - Batch table actions - Role table Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I03c95874d2942a2450a5da2f1d2a8bb895aa1746
* Update overview page to use new UI patternsDerick Montague2019-08-126-78/+81
| | | | | | | | | | | | | | | | | | | | - 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-0912-89/+254
| | | | | | | | | | | | | | | | | - 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
* Update icons to fix sizing and overflow issuesYoshie Muranaka2019-07-291-1/+6
| | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I07bbe5bb0c82ee653f2342089c0c1373a51cc168
* Add 403 $location redirect to http interceptor serviceYoshie Muranaka2019-07-241-0/+9
| | | | | | | | | | | | This is a temporary solution to redirect any 403 responses to a dedicated 403 'Unauthorized' page. This could occur on inital navigation to a page or while attempting an operation. Once permission role mapping is defined, the code should be updated to handle 403 responses in context of user attempted actions. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ia207f2bcdd87fb20888fe6a1588d0ccd310e484c
* Clean up color valuesYoshie Muranaka2019-07-0926-494/+265
| | | | | | | | | | | | | 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-093-3/+21
| | | | | | | | | | | | | | | | | | | | | | | | | | | | 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>
* Fix the opacity of the loading screenEd Tanous2019-07-021-3/+1
| | | | | | | | | | | | | | | | | Currently the loading screen has a 0.7 opacity, which leads to some strange behaviors at times when changing screens. Old scopes pop under new ones, leading to a page "jump" once the loading is complete. Making the loading page fully opaque and removing the transition effect reduces this behavior, and makes the page transitions feel cleaner. Tested: Loaded webui locally. Observed problem goes away when navigating between pages. Navigated between several pages to verify, including pages with a lot of static data. Signed-off-by: Ed Tanous <ed.tanous@intel.com> Change-Id: I5549d5c49901429f6e9c353524c6f7060725c2ea
* Consolidate button stylesYoshie Muranaka2019-06-2112-212/+196
| | | | | | | | | | | | | | | | | | | | | | | | | 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 remote logging serverYoshie Muranaka2019-06-213-1/+50
| | | | | | | | | | | | | Remote logging enables the user to configure a remote server to stream out local logs. This feature will be available on the Event Log page. The user can add a remote server, edit/change an existing server configuration and remove/disable the remote server. Resolves openbmc/phosphor-webui#68 Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I8284cbdbdaaf85f5c95f237efc72290c66904b40
* Change button styles from rounded to straight cornersYoshie Muranaka2019-05-316-28/+38
| | | | | | | | | | | | | | This will create more visual consistency between the components in the GUI since there are elements, such as text fields and dropdowns that are styled with straight corners. - Removes border radius from buttons - Removes some redundant styles - Adds input types that aren't currently inheriting defined styles Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2
* Fix tablet alignment issues for event logsYoshie Muranaka2019-05-291-0/+7
| | | | | | | | | | | | | | | | | This will make sure our event log content is properly aligned on tablet and desktop views. It will also make the date/time value on the server overview page always display underneath the 'BMC time' label in a destkop view–currently the date value will wrap to a new line if the string is too long. - Update markup to use Foundation grid layout classes on the server overview event log table Tested: Event log tables on server overview page and event log page Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I7d765ebbe679f954e606d1d25e2182d983a7b3f3
* Fix the tabbing order in the primary and secondary navigationYoshie Muranaka2019-05-291-52/+54
| | | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I4ecb17ef6721ee443310f81e1554620352c145a4
* Add .ng-leave and .ng-enter rulesets for page transitionDerick Montague2019-05-292-35/+82
| | | | | | | | | | | | | | | 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
* Virtual media pagebeccabroek2019-05-231-14/+26
| | | | | | | | | | | | | | | | | | | | | | | | Adds page to manage virtual media devices. User selects file and pushes 'start' button to establish websocket connection. nbdServerService added to provide ability for user to navigate away from the page and return with the ability to see the current active sessions. Currently only supports 1 Virtual Media device. Resolves openbmc/phosphor-webui#40 Tested: uploaded ubuntu image file, started the connection and mounted virtual media device from host console. Able to see Ubuntu image file. Also uploaded file and navigated away from the page, checking that the websocket remained open and was sending / recieving messages. Finally, tested that when connection was stopped, 'USB disconnect' log was present in host console. Change-Id: Ia3155d27cbcfef94c2753dde1303a151e08847cc Signed-off-by: beccabroek <beccabroek@gmail.com> Signed-off-by: Gunnar Mills <gmills@us.ibm.com> Signed-off-by: Derick Montague <derick.montague@ibm.com>
* Fix system overview edit hostname form validationdixsie2019-05-082-3/+4
| | | | | | | | | | | | | | - 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
* Add dropdown caret to time owner dropdown on Date and Time SettingsYoshie Muranaka2019-05-073-25/+23
| | | | | | | | | | | | | | - Use background-image strategy to add caret to dropdowns - Standardize implementation by including mixin to dropdown__button class and removing styled pseudo element Resolves ibm-openbmc/dev#478 Tested: Running locally on Chrome only. Ran into network request errors for newly added svg assets when mounting overlay Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I714c2515282676f368eafb2560177d2935680e23
* Resolve accessibility isssuesDerick Montague2019-04-082-10/+17
| | | | | | | | | | | | | | | | | | - 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
* Update hex values to meet WCAG AA Guidelines for color contrastDerick Montague2019-03-282-5/+5
| | | | | | | | | | | | | | | - 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
* Center modals and fix sizingbeccabroek2019-03-261-23/+24
| | | | | | | | | | | | | | | | | | Previously the modals were not centered on the screen and the size of the modal was set to 50% of the screen, leading to a lot of white space within modals with less content. This sizes the modal based on the amount of content within and centers the modal. Also adds the grey modal overlay to the 'confirm network settings' modal to be consistent with the other pages. Resolves openbmc/phosphor-webui#35 Tested: Viewed all modals currently in GUI (Firmware page, network page, and overview page) and modals were sized correctly and appeared with the modal overlay in the background. Change-Id: Ie35d179810d36b8bcbbf39dc1302e773387fa788 Signed-off-by: beccabroek <beccabroek@gmail.com>
* Secondary button text colorbeccabroek2019-03-111-1/+1
| | | | | | | | | Changes color of secondary button text to be more readable. Resolves openbmc/phosphor-webui#66 Change-Id: I3d7622a3556139a8c984590bcc8db5c34cefc73e Signed-off-by: beccabroek <beccabroek@gmail.com>
* Clean up headersbeccabroek2019-02-193-27/+14
| | | | | | | | | | | | | | 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 login and overview pages in Safaribeccabroek2019-02-121-1/+1
| | | | | | | | | | | | | | Bootstrap 4 columns in Safari are not working as expected, causing issues with the layout on the login and overview pages. Small CSS change resolves issue, see https://github.com/twbs/bootstrap/issues/24219 Tested: Layout appears to be fixed using Safari. No pages are affected visually by the change when using Chrome or Firefox. Change-Id: I79bf6ef3734703e4f610ee7f95b75625538761c2 Signed-off-by: beccabroek <beccabroek@gmail.com>
OpenPOWER on IntegriCloud