fixes

author: Áron Hegymegi-Kiss <[email protected]> 2022-01-08 16:34:49 +0100
committer: Áron Hegymegi-Kiss <[email protected]> 2022-01-08 16:34:49 +0100
commit: 3b54fde3f96998e39768d94d5e5ab97cd50279c8 (patch)
tree: e2410b8a3ad24dd53c3114742bac75814ede5bdb /public
parent: 46e515b13077a7ee9eb7ca112e81cb4845e9660d (diff)
download: SponsorBlock-3b54fde3f96998e39768d94d5e5ab97cd50279c8.tar.gz
SponsorBlock-3b54fde3f96998e39768d94d5e5ab97cd50279c8.zip
3 files changed, 31 insertions, 25 deletions
diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 09ef7dd1..5438bbab 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -846,35 +846,35 @@
         "message": "h",
         "description": "100h"
     },
-    "optionsTabCategories" : {
+    "optionsTabCategories": {
         "message": "Categories",
         "description": "Appears in Options as a tab header for setting up categories. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabBehavior" : {
+    "optionsTabBehavior": {
         "message": "Behavior",
         "description": "Appears in Options as a tab header for options related to the general behavior of the extension. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabInterface" : {
+    "optionsTabInterface": {
         "message": "Interface",
         "description": "Appears in Options as a tab header for options related to GUI and sounds. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabKeyBinds" : {
+    "optionsTabKeyBinds": {
         "message": "Key Bindings",
         "description": "Appears in Options as a tab header for keybinds. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabPrivacy" : {
+    "optionsTabPrivacy": {
         "message": "Privacy",
         "description": "Appears in Options as a tab header for options related to privacy (data stored/sent to server). To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabBackup" : {
+    "optionsTabBackup": {
         "message": "Backup/Restore",
         "description": "Appears in Options as a tab header for options related to saving/restoring your settings. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "optionsTabAdvanced" : {
+    "optionsTabAdvanced": {
         "message": "Advanced",
         "description": "Appears in Options as a tab header for advanced/niche options. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)."
     },
-    "noticeVisibilityLabel" : {
+    "noticeVisibilityLabel": {
         "message": "Skip notice appearance",
         "description": "Option label"
     }
diff --git a/public/options/options.css b/public/options/options.css
index f21068fb..1742e0d5 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -21,7 +21,7 @@ body {
 .medium-description, .switch-container, .optionLabel, .categoryTableElement {
     color: white;
 }
-.small-description, p,li {
+.small-description, p, li, span, div {
     color: #dfdfdf;
 }
 .option-button.disabled {
@@ -64,7 +64,7 @@ h1,h2,h3,h4,h5,h6 {
     .medium-description, .switch-container, .optionLabel, .categoryTableElement {
         color: black;
     }
-    .small-description, p,li {
+    .small-description, p, li, span, div {
         color: #262626;
     }
     .option-button.disabled {
@@ -170,6 +170,10 @@ input[type='number'] {
     font-weight: bold;
 }
 
+.hiding {
+    opacity: 0;
+}
+
 .hidden {
     display: none !important;
 }
@@ -546,6 +550,7 @@ svg {
     }
     #version {
         font-size: 10px;
+        transform: translate(-50px, -5px);
     }
     .sticky #navigation {
         position: fixed;
diff --git a/public/options/options.html b/public/options/options.html
index 8657f40f..b843c108 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<!-- Link to specific tabs by using their ID in the URL like: options.html#keybinds -->
 
 <head>
   <title>Options - SponsorBlock</title>
@@ -23,31 +24,31 @@
 				<div id="version"></div>
 			</div>
 
-			<div class="tab-heading" data-for="segment-options">
+			<div class="tab-heading" data-for="segments">
 				__MSG_optionsTabCategories__
 			</div>
 
-			<div class="tab-heading" data-for="logic-options">
+			<div class="tab-heading" data-for="behavior">
 				__MSG_optionsTabBehavior__
 			</div>
 
-			<div class="tab-heading" data-for="interface-options">
+			<div class="tab-heading" data-for="interface">
 				__MSG_optionsTabInterface__
 			</div>
 
-			<div class="tab-heading" data-for="keybind-options">
+			<div class="tab-heading" data-for="keybinds">
 				__MSG_optionsTabKeyBinds__
 			</div>
 
-			<div class="tab-heading" data-for="privacy-options">
+			<div class="tab-heading" data-for="privacy">
 				__MSG_optionsTabPrivacy__
 			</div>
 
-			<div class="tab-heading" data-for="import-options">
+			<div class="tab-heading" data-for="import">
 				__MSG_optionsTabBackup__
 			</div>
 
-			<div class="tab-heading" data-for="advanced-options">
+			<div class="tab-heading" data-for="advanced">
 				__MSG_optionsTabAdvanced__
 			</div>
 
@@ -62,7 +63,7 @@
 
 		<div id="options" class="hidden">
 
-			<div id="segment-options" class="option-group hidden">
+			<div id="segments" class="option-group hidden">
 
 				<div id="category-type" data-type="react-CategoryChooserComponent">
 
@@ -70,7 +71,7 @@
 
 			</div>
 
-			<div id="logic-options" class="option-group hidden">
+			<div id="behavior" class="option-group hidden">
 
 				<div data-type="toggle" data-sync="autoSkipOnMusicVideos">
 					<div class="switch-container">
@@ -135,7 +136,7 @@
 
 			</div>
 
-			<div id="interface-options" class="option-group hidden">
+			<div id="interface" class="option-group hidden">
 
 				<div data-type="number-change" data-sync="skipNoticeDuration">
 					<label class="number-container">
@@ -286,7 +287,7 @@
 
 			</div>
 
-			<div id="keybind-options" class="option-group hidden">
+			<div id="keybinds" class="option-group hidden">
 
 				<div data-type="keybind-change" data-sync="skipKeybind">
 					<div class="option-button trigger-button">
@@ -340,7 +341,7 @@
 
 			</div>
 
-			<div id="privacy-options" class="option-group hidden">
+			<div id="privacy" class="option-group hidden">
 
 				<div data-type="toggle" data-sync="trackViewCount">
 					<div class="switch-container">
@@ -370,7 +371,7 @@
 
 			</div>
 
-			<div id="import-options" class="option-group hidden">
+			<div id="import" class="option-group hidden">
 
 				<div data-type="private-text-change" data-sync="userID" data-confirm-message="userIDChangeWarning">
 					<div class="option-button trigger-button">
@@ -406,7 +407,7 @@
 
 			</div>
 
-			<div id="advanced-options" class="option-group hidden">
+			<div id="advanced" class="option-group hidden">
 
 				<div id="support-invidious" data-type="toggle" data-sync="supportInvidious" data-no-safari="true">
 					<div class="switch-container">
@@ -423,7 +424,7 @@
 					<div class="small-description">__MSG_supportOtherSitesDescription__ </div>
 				</div>
 	
-				<div data-type="private-text-change" data-sync="invidiousInstances" data-no-safari="true">
+				<div data-type="private-text-change" data-sync="invidiousInstances" data-no-safari="true" data-dependent-on="supportInvidious">
 					<div class="option-button trigger-button">
 						__MSG_addInvidiousInstance__
 					</div>
author	Áron Hegymegi-Kiss <[email protected]>	2022-01-08 16:34:49 +0100
committer	Áron Hegymegi-Kiss <[email protected]>	2022-01-08 16:34:49 +0100
commit	3b54fde3f96998e39768d94d5e5ab97cd50279c8 (patch)
tree	e2410b8a3ad24dd53c3114742bac75814ede5bdb /public
parent	46e515b13077a7ee9eb7ca112e81cb4845e9660d (diff)
download	SponsorBlock-3b54fde3f96998e39768d94d5e5ab97cd50279c8.tar.gz SponsorBlock-3b54fde3f96998e39768d94d5e5ab97cd50279c8.zip