CascadeSelect active state visuals
parent
8208024461
commit
7fcd43e629
|
@ -134,6 +134,12 @@ const theme = ({ dt }) => `
|
||||||
border-radius: ${dt('cascadeselect.option.border.radius')};
|
border-radius: ${dt('cascadeselect.option.border.radius')};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-cascadeselect-item-active {
|
||||||
|
overflow: visible;
|
||||||
|
background: ${dt('cascadeselect.option.focus.background')};
|
||||||
|
color: ${dt('cascadeselect.option.focus.color')};
|
||||||
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item:not(.p-cascadeselect-item-selected):not(.p-disabled).p-focus {
|
.p-cascadeselect-item:not(.p-cascadeselect-item-selected):not(.p-disabled).p-focus {
|
||||||
background: ${dt('cascadeselect.option.focus.background')};
|
background: ${dt('cascadeselect.option.focus.background')};
|
||||||
color: ${dt('cascadeselect.option.focus.color')};
|
color: ${dt('cascadeselect.option.focus.color')};
|
||||||
|
@ -153,12 +159,6 @@ const theme = ({ dt }) => `
|
||||||
color: ${dt('cascadeselect.option.selected.focus.color')};
|
color: ${dt('cascadeselect.option.selected.focus.color')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item-active {
|
|
||||||
overflow: visible;
|
|
||||||
background: ${dt('cascadeselect.option.focus.background')};
|
|
||||||
color: ${dt('cascadeselect.option.focus.color')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-cascadeselect-item-active > .p-cascadeselect-item-list {
|
.p-cascadeselect-item-active > .p-cascadeselect-item-list {
|
||||||
display: block;
|
display: block;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
|
|
Loading…
Reference in New Issue