github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Override Bootstrap styles that are inherited by CheckBox component.

Browse source
This commit is contained in:
CJ Cenizal 2017-01-25 10:12:22 -08:00
parent f59328be43
commit 02520eae55
3 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
ui_framework/README.md
View file

@ -88,12 +88,13 @@ For a more in-depth analysis of the problems with Bootstrap (and similar framewo
## Examples of other in-house UI frameworks
* [Smaato React UI Framework](http://smaato.github.io/ui-framework/#/modal)
* [Ubiquiti CSS Framework](http://ubnt-css.herokuapp.com/#/app/popover)
* [GitHub's Primer](http://primercss.io/)
* [Palantir's Blueprint](http://blueprintjs.com/docs/#components)
* [Ubiquiti CSS Framework](http://ubnt-css.herokuapp.com/#/app/popover)
* [Smaato React UI Framework](http://smaato.github.io/ui-framework/#/modal)
* [Lonely Planet Style Guide](http://rizzo.lonelyplanet.com/styleguide/design-elements/colours)
* [MailChimp Patterns Library](http://ux.mailchimp.com/patterns)
* [Salesforce Lightning Design System](https://www.lightningdesignsystem.com/)
* [Refills](http://refills.bourbon.io/)
* [Formstone](https://formstone.it/)
* [Formstone](https://formstone.it/)
* [Element VueJS Framework](http://element.eleme.io/#/en-US/component/dialog)

2
ui_framework/components/index.scss
View file

@ -73,7 +73,7 @@ $verticalRhythm: 10px;
*/
@mixin focus($color: $focusColor, $backgroundColor: $focusBackgroundColor) {
z-index: 1; /* 1 */
outline: none; /* 2 */
outline: none !important; /* 2 */
box-shadow: 0 0 0 1px $backgroundColor, 0 0 0 2px $color; /* 3 */
}

14
ui_framework/dist/ui_framework.css vendored
View file

@ -116,7 +116,7 @@ body {
.kuiButton:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #6EADC1;
/* 3 */ }
@ -174,7 +174,7 @@ body {
.kuiButton--danger:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #ff523c;
/* 3 */
@ -274,7 +274,7 @@ body {
.kuiCheckBox:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #6EADC1;
/* 3 */ }
@ -987,14 +987,14 @@ body {
.kuiPanelHeader .kuiButton:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 2px #6EADC1;
/* 3 */ }
.kuiPanelHeader .kuiButton--danger:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 2px #ff523c;
/* 3 */ }
@ -1198,14 +1198,14 @@ body {
.kuiToolBar .kuiButton:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 2px #6EADC1;
/* 3 */ }
.kuiToolBar .kuiButton--danger:focus {
z-index: 1;
/* 1 */
outline: none;
outline: none !important;
/* 2 */
box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 2px #ff523c;
/* 3 */ }