Non-selectable options in dropdowns should not be interactable #3521

enonic · Apr 4, 2024 · a2ddef0 · a2ddef0
1 parent 4c2d7ec
commit a2ddef0
Showing 1 changed file with 28 additions and 18 deletions.
diff --git a/src/main/resources/assets/admin/common/styles/api/ui/selector/combobox/combobox.less b/src/main/resources/assets/admin/common/styles/api/ui/selector/combobox/combobox.less
@@ -71,27 +71,37 @@
       &.selected {
         color: #d3d3d3;
       }
-    }
-
-    .slick-row .slick-cell-checkboxsel {
-      overflow: visible;
-
-      label {
-        display: block;
-        width: 100%;
-        height: 100%;
-        min-width: 16px;
-        min-height: 16px;
-        margin: 0;
-        background: url("../../../../../images/box-unchecked.gif") center no-repeat;
-      }
 
-      input[type="checkbox"] {
-        display: none;
+      .slick-cell {
+        &.readonly {
+          pointer-events: none;
+        }
       }
 
-      &.selected label {
-        background: url("../../../../../images/box-checked.gif") center no-repeat;
+      .slick-cell-checkboxsel {
+        overflow: visible;
+
+        label {
+          display: block;
+          width: 100%;
+          height: 100%;
+          min-width: 16px;
+          min-height: 16px;
+          margin: 0;
+          background: url("../../../../../images/box-unchecked.gif") center no-repeat;
+        }
+
+        input[type="checkbox"] {
+          display: none;
+        }
+
+        &.selected label {
+          background: url("../../../../../images/box-checked.gif") center no-repeat;
+        }
+
+        &.readonly label {
+          opacity: 0.5;
+        }
       }
     }
   }