external/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2024-09-19 20:51:28 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add option to hide clutter in popup

Browse source
This commit is contained in:
Ajay 2023-11-07 21:05:39 -05:00
parent 14d50b9e70
commit 6d37180d00
6 changed files with 32 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/_locales

@ -1 +1 @@
Subproject commit 322a245df5b39875a0e30725b7b2980ed008aef1
Subproject commit 6ff5f86e9aca64c2ad51aa13e39db1a040506f9d

12
public/options/options.html
View file

@ -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">

1
public/popup.css
View file

@ -130,6 +130,7 @@
top: 5px;
right: 5px;
opacity: 0.5;
z-index: 1;
}
.sbCloseButton:hover {

4
public/popup.html
View file

@ -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>

2
src/config.ts
View file

@ -77,6 +77,7 @@ interface SBConfig {
showDeArrowPromotion: boolean;
showDeArrowInSettings: boolean;
showZoomToFillError2: boolean;
cleanPopup: boolean;
// Used to cache calculated text color info
categoryPillColors: {
@ -320,6 +321,7 @@ const syncDefaults = {
showDeArrowPromotion: false,
showDeArrowInSettings: true,
showZoomToFillError2: true,
cleanPopup: false,
categoryPillColors: {},

14
src/popup.ts
View file

@ -108,6 +108,10 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
const PageElements: PageElements = {};
[
"sbPopupLogo",
"sbYourWorkBox",
"videoInfo",
"sbFooter",
"sponsorBlockPopupBody",
"sponsorblockPopup",
"sponsorStart",
@ -198,6 +202,16 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
}
PageElements.sbDonate.addEventListener("click", () => Config.config.donateClicked = Config.config.donateClicked + 1);
if (Config.config.cleanPopup) {
PageElements.sbPopupLogo.classList.add("hidden");
PageElements.sbYourWorkBox.classList.add("hidden");
PageElements.sbFooter.classList.add("hidden");
PageElements.sponsorTimesDonateContainer.classList.add("hidden");
PageElements.mainControls.classList.add("hidden");
PageElements.videoInfo.style.marginTop = "10px";
}
if (Config.config.testingServer) {
PageElements.sbBetaServerWarning.classList.remove("hidden");
PageElements.sbBetaServerWarning.addEventListener("click", function () {