Merge pull request 'Fixed webkit issue for Iconoir Icons related to mask' (#20 ) from dev into main

Reviewed-on: #20
Fixed webkit issue
2023-12-29 22:38:12 +00:00 · 2023-12-29 23:32:43 +01:00
2 changed files with 4 additions and 2 deletions
--- a/src/components/navbar.astro
+++ b/src/components/navbar.astro
@ -17,7 +17,7 @@ const hamburger_src_url = `url("${hamburger.src}")`;
      <slot />
    </ul>
    <div class="placeholder"></div>
-    <div class="icon"></div>
+    <div class="hamburger-menu"></div>
  </button>
 </header>

@ -105,8 +105,9 @@ const hamburger_src_url = `url("${hamburger.src}")`;
    justify-self: top;
  }

-  .icon {
+  .hamburger-menu {
    mask: var(--hamburger_src_url) no-repeat center;
+    -webkit-mask: var(--hamburger_src_url) no-repeat center;
    background-color: white;
    width: 2em;
    height: 2em;
--- a/src/components/navbarEntry.astro
+++ b/src/components/navbarEntry.astro
@ -73,6 +73,7 @@ const fulllink = `/${slug}`

  .icon {
    mask: var(--icon_src_url) no-repeat center;
+    -webkit-mask: var(--icon_src_url) no-repeat center;
    background-color: white;
    width: 1.4em;
    height: 1.4em;
Author	SHA1	Message	Date
Firq	e8e6733c9f	Merge pull request 'Fixed webkit issue for Iconoir Icons related to mask' (#20 ) from dev into main All checks were successful / checking (push) Successful in 34s Details Reviewed-on: #20	2023-12-29 22:38:12 +00:00
Firq	0cac39ba78	Fixed webkit issue All checks were successful / checking (push) Successful in 29s Details / build-site (push) Successful in 1m55s Details / publish (push) Successful in 8s Details	2023-12-29 23:32:43 +01:00