Make fullcolor icons work better in safari too

thomasloven · May 17, 2021 · 842090a · 842090a
1 parent e66ed00
commit 842090a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/custom_components/fontawesome/main.js b/custom_components/fontawesome/main.js
diff --git a/custom_components/fontawesome/manifest.json b/custom_components/fontawesome/manifest.json
@@ -6,6 +6,6 @@
     "codeowners": [],
     "requirements": [],
     "config_flow": true,
-    "version": "2.1.1",
+    "version": "2.1.2",
     "iot_class": "local_polling"
 }
diff --git a/js/main.js b/js/main.js
@@ -92,10 +92,14 @@ customElements.whenDefined("ha-icon").then(() => {
     }
     if (icon.fullCode && icon.format === "fullcolor") {
       await el.updateComplete;
-      const root = el.shadowRoot.querySelector("g");
-      if (root.firstElementChild) {
-        root.firstElementChild.style.display = "none";
-      }
+      const root = el.shadowRoot.querySelector("svg");
+      const styleEl = document.createElement("style");
+      styleEl.innerHTML = `
+        svg:first-child>g:first-of-type>path {
+          display: none;
+        }
+      `;
+      root.appendChild(styleEl);
       root.appendChild(icon.fullCode.cloneNode(true));
     } else {
       el.setPaths(icon.paths);