Improve duotone icons in mobile safari

thomasloven · May 17, 2021 · e66ed00 · e66ed00
1 parent 3a2a5c6
commit e66ed00
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 36 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.0",
+    "version": "2.1.1",
     "iot_class": "local_polling"
 }
diff --git a/js/main.js b/js/main.js
@@ -136,12 +136,12 @@ customElements.whenDefined("ha-svg-icon").then(() => {
       :host(.color.invert) .primary {
         fill: var(--icon-secondary-color, var(--disabled-text-color));
       }
+      path:not(.primary):not(.secondary) {
+        opacity: 0;
+      }
       `;
     this.shadowRoot.appendChild(styleEl);
     const root = this.shadowRoot.querySelector("g");
-    if (root.firstElementChild) {
-      root.firstElementChild.style.display = "none";
-    }
     for (const k in paths) {
       const el = document.createElementNS("http://www.w3.org/2000/svg", "path");
       el.setAttribute("d", paths[k]);