Merge pull request #146 from NIAEFEUP/fix/multiline-banners

Fix multiline information banners
NIAEFEUP · Sep 28, 2023 · e764fc0 · e764fc0
2 parents 9ac2e31 + f352db1
commit e764fc0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/content-scripts/src/modules/icons/constants.js b/content-scripts/src/modules/icons/constants.js
@@ -158,6 +158,7 @@ export const FA_ICON_MAP = Object.freeze({
 export const BANNER_ICON_MAP = Object.freeze({
     "alerta": "alert",
     "info": "information",
+    "informa": "information",
 });
 
 export const BG_IMAGE_ICON_MAP = Object.freeze({

diff --git a/content-scripts/src/modules/icons/index.js b/content-scripts/src/modules/icons/index.js
@@ -142,13 +142,12 @@ const replaceBanners = () => {
         document.querySelectorAll(`.${k}`).forEach((i) => {
             const span = document.createElement("span");
             span.innerHTML = i.innerHTML;
-            i.innerText = "";
 
             const icon = document.createElement("span");
             icon.classList.add("se-icon", `ri-${v}-fill`);
             icon.style.fontSize = "1.5em";
 
-            i.append(icon, span);
+            i.replaceChildren(icon, span);
         });
     });
 };

diff --git a/css/simpler.css b/css/simpler.css
@@ -943,14 +943,18 @@ div.info, div.informa{
   background-color: #e6fafd !important;
 }
 
-div.alerta > span[class='se-icon ri-alert-fill'] {
+div.alerta > span.se-icon {
   color: #ef4d61;
 }
 
-div.info > span[class='se-icon ri-information-fill'] {
+div:is(.info, .informa) > span.se-icon {
   color: #02cfe9;
 }
 
+div.informa > span > span.se-icon {
+    display: none !important;
+}
+
 /* ----------------- SCHEDULE ----------------- */
 
 .horario {

diff --git a/manifest.js b/manifest.js
@@ -2,7 +2,7 @@ let manifest = {
     name: "NitSig: Sigarra, but Neater",
     short_name: "NitSig",
     description: "A Neater Sigarra by improving its UI/UX experience and adding new features",
-    version: "1.0.2",
+    version: "1.0.3",
     manifest_version: 3,
     icons: {
         16: "images/logo/logo-16.png",