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

Fixes focus state issue around EUI combo boxes in kibana (#33073) (#33174)

Browse source
This commit is contained in:
dave.snider@gmail.com 2019-03-13 23:03:38 -07:00 • committed by GitHub
parent da81772bb8
commit e196cb126e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/kbn-ui-framework/src/global_styling/reset/_reset.scss
View file

@ -1,11 +1,3 @@
// We apply brute force focus states to anything not coming from Eui
// which has focus states designed at the component level.
:focus {
&:not([class^="eui"]) {
@include euiFocusRing;
}
}
/**
* 1. Required for IE11.
*/

16
src/legacy/ui/public/styles/_legacy/_base.scss
View file

@ -108,10 +108,22 @@ input[type="checkbox"],
font-size: $euiFontSizeS;
}
// EUITODO: Move to EUI to ensure this doesn't happen elsewhere
// We apply brute force focus states to anything not coming from Eui
// which has focus states designed at the component level.
// You can also use "kbn-resetFocusState" to not apply the default focus
// state. This is useful when you've already hand crafted your own
// focus states in Kibana.
:focus {
&:not([class^="eui"]):not([class^="kbn-resetFocusState"]) {
@include euiFocusRing;
}
}
// A neccessary hack so that the above focus policy doesn't polute some EUI
// entrenched inputs.
.euiComboBox {
input:focus {
box-shadow: none;
animation: none !important;
}
}