Make it dynamic

Samq64 · Samq64 · commit 5f7847636abc · 2023-08-30T15:10:33.000-04:00
diff --git a/features/admin-notifications/data.json b/features/admin-notifications/data.json
@@ -13,6 +13,13 @@
       "runOn": "/*"
     }
   ],
+  "styles": [
+    {
+      "file": "style.css",
+      "runOn": "/*"
+    }
+  ],
   "tags": [],
-  "type": ["Website"]
+  "type": ["Website"],
+  "dynamic": "true"
 }
diff --git a/features/admin-notifications/script.js b/features/admin-notifications/script.js
@@ -15,11 +15,11 @@ export default async function ({ feature, console }) {
 
   if (data.length > 0) {
     if (feature.tab.scratch === 2) {
-      document.querySelector(".notificationsCount").style.backgroundColor =
-        "#ff1a1a";
+      document
+        .querySelector(".notificationsCount")
+        .classList.add("ste-red-alert");
     } else {
-      document.querySelector(".message-count").style.backgroundColor =
-        "#ff1a1a";
+      document.querySelector(".message-count").classList.add("ste-red-alert");
     }
   }
 }
diff --git a/features/admin-notifications/style.css b/features/admin-notifications/style.css
@@ -0,0 +1,3 @@
+.ste-red-alert {
+  background-color: #ff1a1a !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -15,11 +15,11 @@ export default async function ({ feature, console }) {`
`15`	`15`
`16`	`16`	`if (data.length > 0) {`
`17`	`17`	`if (feature.tab.scratch === 2) {`
`18`		`- document.querySelector(".notificationsCount").style.backgroundColor =`
`19`		`- "#ff1a1a";`
	`18`	`+ document`
	`19`	`+ .querySelector(".notificationsCount")`
	`20`	`+ .classList.add("ste-red-alert");`
`20`	`21`	`} else {`
`21`		`- document.querySelector(".message-count").style.backgroundColor =`
`22`		`- "#ff1a1a";`
	`22`	`+ document.querySelector(".message-count").classList.add("ste-red-alert");`
`23`	`23`	`}`
`24`	`24`	`}`
`25`	`25`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.ste-red-alert {`
	`2`	`+ background-color: #ff1a1a !important;`
	`3`	`+}`