fix: svg icon class

CoCreate-app · May 31, 2024 · c24b93e · c24b93e
1 parent b4f9913
commit c24b93e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 34 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -81,43 +81,33 @@ <h2>CoCreate-modal</h2>
                                 class="margin-right:15px"
                                 share-network="twitter"
                                 title="Share on twitter"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/twitter.svg"></i
+                                ><i src="/assets/svg/twitter.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="facebook"
                                 title="Share on Facebook"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/facebook.svg"></i
+                                ><i src="/assets/svg/facebook.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="instagram"
                                 title="Share on instagram"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/instagram.svg"></i
+                                ><i src="/assets/svg/instagram.svg"></i
                             ></a>
                         </div>
                         <a
                             class="margin-right:15px"
                             share-network="share"
                             title="Share on share"
-                            ><i
-                                class="height:20px fill:#505050"
-                                src="/assets/svg/share-alt.svg"></i
+                            ><i src="/assets/svg/share-alt.svg"></i
                         ></a>
                     </div>
                     <a
                         href="https://github.com/CoCreate-app/CoCreate-modal"
                         target="_blank"
                         class="margin-right:15px"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/github.svg"></i
+                        ><i src="/assets/svg/github.svg"></i
                     ></a>
                 </div>
             </div>
@@ -143,9 +133,7 @@ <h2 class="padding:5px_0px">Usage</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#modal-usage"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -191,9 +179,7 @@ <h2 class="padding:5px_0px">Attributes</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#modal-attributes"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -344,9 +330,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#modal-demo"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -390,7 +374,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
                                     ><i
-                                        class="height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/eye.svg"></i
                                 ></a>
                                 <a
@@ -401,18 +385,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     hide="#eye-slash"
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/eye-slash.svg"></i
+                                    ><i src="/assets/svg/eye-slash.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
                                     id="code"
                                     show="#code-slash"
                                     hide="#code, #demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/code.svg"></i
+                                    ><i src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
@@ -421,7 +401,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     show="#code, #demo-code"
                                     hide="#code-slash"
                                     ><i
-                                        class="display:flex height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a

diff --git a/src/modal.js b/src/modal.js
@@ -143,10 +143,10 @@ Modal.prototype = {
             headerTemplate = header
         else
             headerTemplate = `<div class="nav bg-light-gray"><ul class="modal-header">
-                <li><a class="minimizeBtn"><i class="height:18px fill:#505050" src="/assets/svg/window-minimize.svg"></i></a></li>
+                <li><a class="minimizeBtn"><i class="height:18px" src="/assets/svg/window-minimize.svg"></i></a></li>
                 <li><a class="maximizeBtn"><i class="far fa-window-restore"></i></a></li>
                 <!-- <li><a class="parkBtn"><i class="fas fa-dot-circle "></i></a></li> -->
-                <li><a class="closeBtn"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a></li>
+                <li><a class="closeBtn"><i class="height:18px" src="/assets/svg/times.svg"></i></a></li>
                 </ul></div>`;
 
         this.el.innerHTML = headerTemplate + this.el.innerHTML;