commit | 7d4b53bc2f561409b38ecabcbc6d2678a5ce119c | [log] [tgz] |
---|---|---|
author | Derick Montague <derick.montague@ibm.com> | Mon Oct 26 12:14:16 2020 -0500 |
committer | Derick Montague <derick.montague@ibm.com> | Thu Oct 29 15:04:38 2020 +0000 |
tree | 9266236581f1719f1d1bcc329f294f8c5429e1fc | |
parent | a04d46f7cad356da22d794e994195e801f5998b7 [diff] |
Update button focus state for small screen The focus state uses the box-shadow and two inset values. The first should match the background of the button or link container. The second is the actual color of the outline focus state. On smaller viewports, the menu stacks and is a different color. - Add mixin with optional color param for setting the color of the inset box-shadow that matches the container's background color - Add a focus state for the helper-menu at the smaller breakpoint - Remove the multiple :focus pseudo-selector declarations that remove the outline and set it when we set the initial focus state Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I8eb046f892b395baba41dd62460d2a771bd1f92a
webui-vue is a web-based user interface for the OpenBMC firmware stack built on Vue.js.
phosphor-webui was built on AngularJS and AngularJS goes End of Life June 30, 2021, this repository is its replacement.
Several, mostly minor, features remain for feature parity. See GitHub Issues label:phosphor-webui-feature-parity for the complete list.
As mentioned, this application is built using Vue.js, a modern open-source Model-View-ViewModel JavaScript framework supported by an active community and strong documentation. It has been architected to allow organizations to easily update the theme to support their brand. This rewrite takes advantage of front-end development best practices and does not suffer from some of the anti-patterns that exist in phosphor-webui today.
That is up to you. Several companies have switched.
webui-vue although still missing a few features that were in phosphor-webui, as mentioned above, has the following additional features:
The documentation for coding standards and components is located in the docs
directory. It is created using the VuePress static site generator. Information about how to write documentation can be found on the VuePress website.