diff options
author | sameerasw <[email protected]> | 2025-04-14 22:42:07 +0530 |
---|---|---|
committer | sameerasw <[email protected]> | 2025-04-14 22:42:07 +0530 |
commit | 08477ca5c8a1f58e880e5186773309567a2b5c2a (patch) | |
tree | 22408dfaa508e08252b5b9cae6596faf865e86cc /popup | |
parent | 3176cd97d89b3ae161f09956973ecb7ec01a9c3f (diff) |
transparency global toggle and more logging
Diffstat (limited to 'popup')
-rw-r--r-- | popup/popup.js | 25 |
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"); |