Procházet zdrojové kódy

added options page in the side panel (Firefox)

Gildas před 7 roky
rodič
revize
c1f8621490

+ 4 - 0
extension/ui/bg/ui-options.js

@@ -397,6 +397,10 @@
 	if (location.href.endsWith("#")) {
 		document.querySelector(".new-window-link").remove();
 	}
+	if (location.href.endsWith("#side-panel")) {
+		document.querySelector(".options-title").remove();
+		document.documentElement.classList.add("side-panel");
+	}
 	refresh();
 
 	async function refresh(profileName) {

+ 11 - 1
extension/ui/pages/options.css

@@ -70,6 +70,7 @@ h3 {
     padding-left: 8px;
     padding-top: 10px;
     margin-top: 4px;
+    min-height: 24px;
 }
 
 h3 a {
@@ -338,7 +339,7 @@ a {
 .popup-content {
     width: 90%;
     max-width: 320px;
-    margin-top: 50vh;
+    margin-top: 25vh;
     transform: translateY(-50%);
     margin-left: auto;
     margin-right: auto;
@@ -378,6 +379,15 @@ a {
     margin-bottom: 10px;
 }
 
+.side-panel .profiles {
+    max-width: unset;
+}
+
+.side-panel #helpLabel {
+    max-width: 0;
+    visibility: hidden;
+}
+
 @media (max-width:400px) {
     body,
     input,

+ 6 - 3
extension/ui/pages/options.html

@@ -11,9 +11,12 @@
 <body>
 	<main>
 		<h3>
-			<span id="expandAllButton"></span> <span id="titleLabel"></span>
-			<a href="options.html#" target="_blank" class="new-window-link"><img
-					src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg=="></a>
+			<span class="options-title">
+				<span id="expandAllButton"></span>
+				<span id="titleLabel"></span>
+				<a href="options.html#" target="_blank" class="new-window-link"><img
+						src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg=="></a>
+			</span>
 			<span class="profiles">
 				<select id="profileNamesInput"></select>
 				<button id="addProfileButton"><img src="../resources/button_new.png"></button>

+ 5 - 0
manifest.json

@@ -88,6 +88,11 @@
 		"persistent": false
 	},
 	"options_page": "extension/ui/pages/options.html",
+	"sidebar_action": {
+		"default_title": "SingleFile options",
+		"default_panel": "extension/ui/pages/options.html#side-panel",
+		"default_icon": "extension/ui/resources/icon_128.png"
+	},
 	"options_ui": {
 		"browser_style": true,
 		"page": "extension/ui/pages/options.html",