From cdad919d3f7593c53deef320053f71417c246822 Mon Sep 17 00:00:00 2001 From: sameerasw Date: Fri, 9 May 2025 01:46:23 +0530 Subject: re-ordered the advanced settings and removed annoying pop-ups --- data-viewer/data-viewer.css | 32 +++++++++ data-viewer/data-viewer.html | 151 +++++++++++++++++++++---------------------- data-viewer/data-viewer.js | 29 +-------- 3 files changed, 107 insertions(+), 105 deletions(-) diff --git a/data-viewer/data-viewer.css b/data-viewer/data-viewer.css index 17edbda..6b058a1 100644 --- a/data-viewer/data-viewer.css +++ b/data-viewer/data-viewer.css @@ -606,3 +606,35 @@ body { width: 100%; } } + +/* Global toggles container styling */ +.global-toggles-container { + background-color: var(--bg-color); + border-radius: var(--radius-sm); + padding: 16px; + border-left: 3px solid var(--accent-color); +} + +.toggle-row { + display: flex; + flex-wrap: wrap; + gap: 16px; + margin-bottom: 12px; +} + +.toggle-row .toggle-container { + flex: 1; + min-width: 180px; + margin-bottom: 0; +} + +@media (max-width: 768px) { + .toggle-row { + flex-direction: column; + gap: 8px; + } + + .toggle-row .toggle-container { + margin-bottom: 4px; + } +} diff --git a/data-viewer/data-viewer.html b/data-viewer/data-viewer.html index 1d921f5..eff98df 100644 --- a/data-viewer/data-viewer.html +++ b/data-viewer/data-viewer.html @@ -27,75 +27,7 @@
- -
-
- - Disable Transparency Globally -
-
- This will disable all transparency features while keeping other styling effects active -
-
- - -
-
- - Disable Hover Effects Globally -
-
- This will disable all hover animation features while keeping other styling effects active -
-
- -
-
- - Hide Footers Globally -
-
- This will hide page footers on websites where the feature is available -
-
- - - -
-

Custom Styles Repository ✨

-
-

- Change the URL where styles are fetched from. Use this if you want to use a different styles - repository. -
Note: After changing the URL, you should clear existing styles data for - best results. -

-
- -
- - -
-
-
-
-
- - +

Backup & Restore ✨

@@ -119,6 +51,40 @@
+ +
+

Global Feature Controls ✨

+
+
+
+ + Disable Transparency +
+
+ + Disable Hover Effects +
+
+ + Keep Footers +
+
+
+ These settings control specific feature types across all websites. + Changes apply immediately to all open tabs and future browsing sessions. +
+
+
+

Global Settings

@@ -129,6 +95,32 @@
+ +
+

Custom Styles Repository ✨

+
+

+ Change the URL where styles are fetched from. Use this if you want to use a different styles + repository. +
Note: After changing the URL, you should clear existing styles data for + best results. +

+
+ +
+ + +
+
+
+
+
+

Danger Zone

@@ -142,17 +134,18 @@

Websites and CSS

-
- + + + diff --git a/data-viewer/data-viewer.js b/data-viewer/data-viewer.js index 89f5b2e..c1b3fec 100644 --- a/data-viewer/data-viewer.js +++ b/data-viewer/data-viewer.js @@ -217,17 +217,9 @@ document.addEventListener("DOMContentLoaded", function () { settings.disableTransparency = isDisabled; await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings }); - alert( - `Transparency has been ${ - isDisabled ? "disabled" : "enabled" - } globally. This will affect all websites.` - ); + // No notification - just save the setting silently } catch (error) { console.error("Error saving transparency settings:", error); - alert( - "An error occurred while saving the transparency setting: " + - error.message - ); } } @@ -241,17 +233,9 @@ document.addEventListener("DOMContentLoaded", function () { settings.disableHover = isDisabled; await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings }); - alert( - `Hover effects have been ${ - isDisabled ? "disabled" : "enabled" - } globally. This will affect all websites.` - ); + // No notification - just save the setting silently } catch (error) { console.error("Error saving hover settings:", error); - alert( - "An error occurred while saving the hover effects setting: " + - error.message - ); } } @@ -264,16 +248,9 @@ document.addEventListener("DOMContentLoaded", function () { settings.disableFooter = isDisabled; await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings }); - alert( - `Footers have been ${ - isDisabled ? "hidden" : "shown" - } globally. This will affect all websites.` - ); + // No notification - just save the setting silently } catch (error) { console.error("Error saving footer settings:", error); - alert( - "An error occurred while saving the footer setting: " + error.message - ); } } -- cgit v1.2.3