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

[Unified search] Fixes the css priority order for the filter pills (#156639)

Browse source 
## Summary

Closes https://github.com/elastic/kibana/issues/156446

There were cases were the css defined by our custom class were
overwritten by the eui badge classes. This doesn't happen always, I
could replicate it only when the legacy input controls are present.

<img width="2504" alt="image"
src="https://user-images.githubusercontent.com/17003240/236125401-d81925de-09e6-4580-9be0-3e1315c40d41.png">
This commit is contained in:
Stratoula Kalafateli 2023-05-05 15:05:40 +03:00 • committed by GitHub
parent 89075daa5e
commit eda3c85bb4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
View file

@ -4,7 +4,7 @@
* 1. Allow wrapping of long filter items
*/
.globalFilterItem {
.euiBadge.globalFilterItem {
line-height: $euiSize;
border: none;
color: $euiTextColor;
@ -18,15 +18,14 @@
}
}
.globalFilterItem-isDisabled {
.euiBadge.globalFilterItem-isDisabled {
color: $euiColorDarkShade;
background-color: transparentize($euiColorLightShade, .5);
text-decoration: line-through;
font-weight: $euiFontWeightRegular;
font-style: italic;
}
.globalFilterItem-isError, .globalFilterItem-isWarning {
.euiBadge.globalFilterItem-isError, .globalFilterItem-isWarning {
.globalFilterLabel__value {
font-weight: $euiFontWeightBold;
}