diff options
Diffstat (limited to 'popup/popup.html')
| -rw-r--r-- | popup/popup.html | 78 |
1 files changed, 44 insertions, 34 deletions
diff --git a/popup/popup.html b/popup/popup.html index c4d96e4..1ab05c3 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -27,35 +27,38 @@ <main class="app-content"> <div class="features-container"> - <div class="toggle-container"> - <label class="toggle-switch"> - <input type="checkbox" id="enable-styling"> - <span class="slider round"></span> - </label> - <span class="toggle-label">Enable Styling</span> - </div> <div class="toggle-container"> <label class="toggle-switch"> - <input type="checkbox" id="whitelist-style-mode"> + <input type="checkbox" id="enable-styling"> <span class="slider round"></span> </label> - <span id="whitelist-style-mode-label" class="toggle-label">Blacklist Mode</span> + <span class="toggle-label">Global Styling</span> </div> <div class="toggle-container"> <label class="toggle-switch"> - <input type="checkbox" id="skip-theming"> + <input type="checkbox" id="whitelist-style-mode"> <span class="slider round"></span> </label> - <span id="site-style-toggle-label" class="toggle-label">Skip Styling for this Site</span> + <span id="whitelist-style-mode-label" class="toggle-label">Blacklist Mode</span> </div> </div> <!-- Current Site Features Section --> <div id="current-site-features" class="features-container"> <button class="collapsible-button" id="toggle-features"> - <span>Current Site Features</span> + <span id="current-site-label"> + <span id="site-domain" class="site-domain"></span> + <span>Features</span> + </span> <i class="fas fa-chevron-down"></i> </button> + <div class="toggle-container"> + <label class="toggle-switch"> + <input type="checkbox" id="skip-theming"> + <span class="slider round"></span> + </label> + <span id="site-style-toggle-label" class="toggle-label">Skip Styling for this Site</span> + </div> <div id="current-site-toggles" class="features-list collapsed"></div> <div class="actions" id="current-site-actions"> <!-- reload botton --> @@ -79,27 +82,34 @@ <span class="toggle-label">Auto Update Styles</span> </div> <div id="last-fetched-time" class="last-fetched-time"></div> - <div class="forcing-container"> - <div class="toggle-container"> - <label class="toggle-switch"> - <input type="checkbox" id="force-styling"> - <span class="slider round"></span> - </label> - <span class="toggle-label">Force Styling</span> - </div> - <div class="toggle-container"> - <label class="toggle-switch"> - <input type="checkbox" id="whitelist-mode"> - <span class="slider round"></span> - </label> - <span id="whitelist-mode-label" class="toggle-label">Blacklist Mode</span> - </div> - <div class="toggle-container"> - <label class="toggle-switch"> - <input type="checkbox" id="skip-force-theming"> - <span class="slider round"></span> - </label> - <span id="site-toggle-label" class="toggle-label">Skip Forcing for this Site</span> + + <div class="features-container"> + <button class="collapsible-button" id="toggle-forcing"> + <span>Force Styling Settings</span> + <i class="fas fa-chevron-down"></i> + </button> + <div id="forcing-content" class="forcing-container collapsed"> + <div class="toggle-container"> + <label class="toggle-switch"> + <input type="checkbox" id="force-styling"> + <span class="slider round"></span> + </label> + <span class="toggle-label">Force Styling</span> + </div> + <div class="toggle-container"> + <label class="toggle-switch"> + <input type="checkbox" id="whitelist-mode"> + <span class="slider round"></span> + </label> + <span id="whitelist-mode-label" class="toggle-label">Blacklist Mode</span> + </div> + <div class="toggle-container"> + <label class="toggle-switch"> + <input type="checkbox" id="skip-force-theming"> + <span class="slider round"></span> + </label> + <span id="site-toggle-label" class="toggle-label">Skip Forcing for this Site</span> + </div> </div> </div> @@ -126,4 +136,4 @@ <script src="popup.js"></script> </body> -</html> +</html>
\ No newline at end of file |