Issue #52: Make admin icons more flexible for other backgrounds.

Fixes #52.
backdrop-contrib · Aug 28, 2023 · 307e52e · 307e52e
1 parent 3241761
commit 307e52e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/dist/css/layout/gin_admin_bar.css b/dist/css/layout/gin_admin_bar.css
@@ -90,7 +90,7 @@
   display: block;
   width: 16px;
   height: 16px;
-  background-color: var(--gin-color-disabled);
+  background-color: rgba(255, 255, 255, .6);
   -webkit-mask-position: center center;
           mask-position: center center;
 }
@@ -151,6 +151,8 @@
 #admin-bar a:before {
   -webkit-mask-image: url("../../media/sprite.svg#drop-view");
           mask-image: url("../../media/sprite.svg#drop-view");
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
 }
 
 #admin-bar .admin-dashboard:before {

diff --git a/styles/layout/gin_admin_bar.scss b/styles/layout/gin_admin_bar.scss
@@ -66,7 +66,7 @@
       width: 16px;
       height: 16px;
       margin-right: var(--gin-spacing-xs);
-      background-color: var(--gin-color-disabled);
+      background-color: rgba(255, 255, 255, .6);
       mask-position: center center;
     }
 
@@ -92,6 +92,7 @@
   a {
     &:before {
       mask-image: icon('drop');
+      mask-repeat: no-repeat;
     }
   }