From 6d37180d005f8f1c7691e0567ea4802425ca7569 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Tue, 7 Nov 2023 21:05:39 -0500
Subject: Add option to hide clutter in popup

---
 public/_locales             |  2 +-
 public/options/options.html | 12 ++++++++++++
 public/popup.css            |  1 +
 public/popup.html           |  4 ++--
 4 files changed, 16 insertions(+), 3 deletions(-)

(limited to 'public')

diff --git a/public/_locales b/public/_locales
index 322a245d..6ff5f86e 160000
--- a/public/_locales
+++ b/public/_locales
@@ -1 +1 @@
-Subproject commit 322a245df5b39875a0e30725b7b2980ed008aef1
+Subproject commit 6ff5f86e9aca64c2ad51aa13e39db1a040506f9d
diff --git a/public/options/options.html b/public/options/options.html
index 6c09cfd9..52a58123 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -359,6 +359,18 @@
 					<div class="small-description">__MSG_showTimeWithSkipsDescription__</div>
 				</div>
 
+				<div data-type="toggle" data-sync="cleanPopup" data-no-safari="true">
+					<div class="switch-container">
+						<label class="switch">
+							<input id="cleanPopup" type="checkbox" checked>
+							<span class="slider round"></span>
+						</label>
+						<label class="switch-label" for="cleanPopup">
+							__MSG_cleanPopup__
+						</label>
+					</div>
+				</div>
+
 				<div data-type="toggle" data-sync="darkMode">
 					<div class="switch-container">
 						<label class="switch">
diff --git a/public/popup.css b/public/popup.css
index cd954c06..13d533fc 100644
--- a/public/popup.css
+++ b/public/popup.css
@@ -130,6 +130,7 @@
   top: 5px;
   right: 5px;
   opacity: 0.5;
+  z-index: 1;
 }
 
 .sbCloseButton:hover {
diff --git a/public/popup.html b/public/popup.html
index e628cd20..bee090c4 100644
--- a/public/popup.html
+++ b/public/popup.html
@@ -20,7 +20,7 @@
         __MSG_betaServerWarning__
       </div>
 
-      <header class="sbPopupLogo">
+      <header id="sbPopupLogo" class="sbPopupLogo">
         <img src="icons/IconSponsorBlocker256px.png" alt="SponsorBlock" width="40" height="40" id="sponsorBlockPopupLogo">
         <p class="u-mZ">SponsorBlock</p>
       </header>
@@ -111,7 +111,7 @@
       </div>
 
       <!-- Your Work box -->
-      <div class="sbYourWorkBox">
+      <div id="sbYourWorkBox" class="sbYourWorkBox">
         <h1 class="sbHeader" style="padding: 8px 15px;">
           __MSG_yourWork__
         </h1>
-- 
cgit v1.2.3