From 7fcd43e6295468bccdfb6269e04712eb51311976 Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Wed, 8 May 2024 12:58:17 +0300 Subject: [PATCH] CascadeSelect active state visuals --- .../lib/cascadeselect/style/CascadeSelectStyle.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/components/lib/cascadeselect/style/CascadeSelectStyle.js b/components/lib/cascadeselect/style/CascadeSelectStyle.js index e5ddb2083..6c87f90f4 100644 --- a/components/lib/cascadeselect/style/CascadeSelectStyle.js +++ b/components/lib/cascadeselect/style/CascadeSelectStyle.js @@ -134,6 +134,12 @@ const theme = ({ dt }) => ` 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 { background: ${dt('cascadeselect.option.focus.background')}; color: ${dt('cascadeselect.option.focus.color')}; @@ -153,12 +159,6 @@ const theme = ({ dt }) => ` 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 { display: block; left: 100%;