summaryrefslogtreecommitdiff
path: root/popup
diff options
context:
space:
mode:
authorsameerasw <[email protected]>2025-04-14 22:42:07 +0530
committersameerasw <[email protected]>2025-04-14 22:42:07 +0530
commit08477ca5c8a1f58e880e5186773309567a2b5c2a (patch)
tree22408dfaa508e08252b5b9cae6596faf865e86cc /popup
parent3176cd97d89b3ae161f09956973ecb7ec01a9c3f (diff)
transparency global toggle and more logging
Diffstat (limited to 'popup')
-rw-r--r--popup/popup.js25
1 files changed, 16 insertions, 9 deletions
diff --git a/popup/popup.js b/popup/popup.js
index 6448194..37d1ab2 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -278,35 +278,42 @@ new (class ExtensionPopup {
this.currentSiteFeatures.appendChild(skipForceThemingToggle);
}
-
+
// Check if transparency is globally disabled
- const isTransparencyDisabled = this.globalSettings.disableTransparency === true;
-
+ const isTransparencyDisabled =
+ this.globalSettings.disableTransparency === true;
+
for (const [feature, css] of Object.entries(features)) {
const displayFeatureName = feature.includes("-")
? feature.split("-")[1]
: feature;
const isChecked = this.siteSettings[feature] ?? true;
- const isTransparencyFeature = feature.toLowerCase().includes("transparency");
+ const isTransparencyFeature = feature
+ .toLowerCase()
+ .includes("transparency");
const isOverridden = isTransparencyDisabled && isTransparencyFeature;
const featureToggle = document.createElement("div");
featureToggle.className = "feature-toggle";
-
+
// Create the base toggle HTML
let toggleHTML = `
- <span class="feature-name">${displayFeatureName}${isOverridden ? ' <span class="overridden-label">[overridden]</span>' : ''}</span>
- <label class="toggle-switch ${isOverridden ? 'disabled-toggle' : ''}">
+ <span class="feature-name">${displayFeatureName}${
+ isOverridden
+ ? ' <span class="overridden-label">[overridden]</span>'
+ : ""
+ }</span>
+ <label class="toggle-switch ${isOverridden ? "disabled-toggle" : ""}">
<input type="checkbox" name="${currentSiteKey}|${feature}" ${
isChecked ? "checked" : ""
} ${isOverridden ? "disabled" : ""}>
<span class="slider round"></span>
</label>
`;
-
+
featureToggle.innerHTML = toggleHTML;
-
+
// If this is a transparency feature and it's disabled globally, add a class
if (isOverridden) {
featureToggle.classList.add("overridden-feature");