fix: ensure list-box items CSS specificity in Safari

vaadin · Feb 21, 2019 · b3c44f8 · b3c44f8
1 parent 800b278
commit b3c44f8
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/theme/lumo/vaadin-context-menu-styles.html b/theme/lumo/vaadin-context-menu-styles.html
@@ -42,11 +42,6 @@
         --_lumo-list-box-item-selected-icon-display: block;
       }
 
-      :host(.vaadin-menu-list-box) [part="items"] ::slotted(.vaadin-menu-item) {
-        padding-left: calc(var(--lumo-border-radius) / 4);
-        padding-right: calc(var(--lumo-space-l) + var(--lumo-border-radius) / 4);
-      }
-
       /* Normal item */
 
       [part="items"] ::slotted(.vaadin-menu-item) {
@@ -61,6 +56,11 @@
         padding-right: calc(var(--lumo-space-l) + var(--lumo-border-radius) / 4);
       }
 
+      :host(.vaadin-menu-list-box) [part="items"] ::slotted(.vaadin-menu-item) {
+        padding-left: calc(var(--lumo-border-radius) / 4);
+        padding-right: calc(var(--lumo-space-l) + var(--lumo-border-radius) / 4);
+      }
+
       /* Workaround to display checkmark in IE11 when list-box is not used in dropdown-menu */
       [part="items"] ::slotted(.vaadin-menu-item)::before {
         display: var(--_lumo-item-selected-icon-display);