fix: make alfred icons have z-index 10 instead of 2

this makes them appear on top of items even if they have set a z-index of 1 or 2 (which is the most likely scenario)
baumrock · Mar 25, 2023 · 2ce3562 · 2ce3562
1 parent b055a5b
commit 2ce3562
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/Alfred.css b/Alfred.css
@@ -3,7 +3,7 @@
 }
 body:not(.uk-offcanvas-container) .alfred:hover {
   outline: 4px groove #ececec;
-  z-index: 1;
+  z-index: 10;
 }
 .alfred-icon {
   pointer-events: all;
@@ -89,6 +89,7 @@ body:not(.uk-offcanvas-container) .alfred:hover {
   top: -1px;
   right: 0;
   text-align: right;
+  z-index: 10;
 }
 .alfred.rpb-widget:hover {
   outline: 4px groove orange !important;

diff --git a/Alfred.less b/Alfred.less
@@ -11,7 +11,7 @@
 // block hover
 body:not(.uk-offcanvas-container) .alfred:hover {
   outline: @outline;
-  z-index: 1;
+  z-index: 10;
 }
 
 // mixin for icons
@@ -89,6 +89,7 @@ body:not(.uk-offcanvas-container) .alfred:hover {
     top: -1px; // icon-border = 3px, half container-groove = 2px, looks better
     right: 0;
     text-align: right;
+    z-index: 10;
   }
 
   // modifier for rockpagebuilder widgets