fix(ui) #26435: Dojo Dropdown Options broken on search (#26436)

* dev (dojo menu styles): encapsulate template selector styles * dev (dojo menu styles): add font weight bold to highlight match
dotCMS · Oct 16, 2023 · 2bbcb9c · 2bbcb9c
1 parent bbbb9f8
commit 2bbcb9c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/core-web/libs/dotcms-scss/jsp/scss/dijit/_menu.scss b/core-web/libs/dotcms-scss/jsp/scss/dijit/_menu.scss
@@ -76,13 +76,20 @@
     margin-top: $spacing-1;
 
     .dijitMenuItem {
-        display: flex;
-        align-items: start;
-        flex-direction: column;
-        justify-content: center;
         padding: 0 $spacing-2;
         color: $black;
         height: $field-height-md;
+
+        .dijitComboBoxHighlightMatch {
+            font-weight: $font-weight-bold;
+        }
+
+        &:has(small) {
+            display: flex;
+            align-items: start;
+            flex-direction: column;
+            justify-content: center;
+        }
     }
 
     .dijitComboBoxMenu {

diff --git a/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css b/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css
@@ -5043,13 +5043,18 @@
   margin-top: 0.5rem;
 }
 .dijitComboBoxMenuPopup .dijitMenuItem {
+  padding: 0 0.75rem;
+  color: #14151a;
+  height: 2.5rem;
+}
+.dijitComboBoxMenuPopup .dijitMenuItem .dijitComboBoxHighlightMatch {
+  font-weight: 700;
+}
+.dijitComboBoxMenuPopup .dijitMenuItem:has(small) {
   display: flex;
   align-items: start;
   flex-direction: column;
   justify-content: center;
-  padding: 0 0.75rem;
-  color: #14151a;
-  height: 2.5rem;
 }
 .dijitComboBoxMenuPopup .dijitComboBoxMenu {
   min-width: 200px;