From 307e52ea43d2f06c6f9b1146404a6b3bb3904867 Mon Sep 17 00:00:00 2001
From: laryn <laryn@kragtbakker.com>
Date: Mon, 28 Aug 2023 14:05:00 -0500
Subject: [PATCH] Issue #52: Make admin icons more flexible for other
 backgrounds. Fixes #52.

---
 dist/css/layout/gin_admin_bar.css | 4 +++-
 styles/layout/gin_admin_bar.scss  | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/dist/css/layout/gin_admin_bar.css b/dist/css/layout/gin_admin_bar.css
index 425eed60..65e909e6 100644
--- 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
index c6e62819..d767f1e1 100644
--- 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;
     }
   }