Output widths to log using manual resize button

p1usminus · May 26, 2023 · 341f490 · 341f490
1 parent dab3269
commit 341f490
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 8 deletions.
diff --git a/src/content/options.js b/src/content/options.js
@@ -98,6 +98,16 @@
 		}
 	},
 
+	resizeOptions: function() {
+		let options = document.getElementById("roomybookmarkstoolbarPreferences");		
+		options.addEventListener("dialogextra1", function(event) {
+			window.resizeBy(20,0);
+			console.log("Window width: "+window.outerWidth);
+			//console.log("Tabpanel width: "+options.width);
+			console.log("Dialog width: "+options.clientWidth);
+		});
+	},
+
 	onLoad: function() {
 		var thisPrefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefService);
 		this.branch = thisPrefs.getBranch('extensions.roomybookmarkstoolbar.');
@@ -108,6 +118,13 @@
 		this.userWidth();
 		this.autoHideZone();
 		this.location();
-		Preferences.forceEnableInstantApply()
+		this.resizeOptions();
+		Preferences.forceEnableInstantApply();
+		console.log(window);
+		console.log(window.outerWidth);
+		window.sizeToContent();
+		/* window.requestAnimationFrame(() => {
+			window.sizeToContent();
+		  }); */
 	},
 };
diff --git a/src/content/options.xhtml b/src/content/options.xhtml
@@ -5,10 +5,12 @@
 <!DOCTYPE dialog SYSTEM "chrome://roomybookmarkstoolbar/locale/options.dtd">
 
 <dialog id="roomybookmarkstoolbarPreferences"
-		buttons="accept"
+		buttons="accept,extra1"
 		title="&roomybookmarkstoolbar.options.window.title;"
 		onload="roomybookmarkstoolbarOptions.onLoad();"
-		width="540"
+		buttonlabelextra1="Resize"
+		resizable="yes"
+		flex="1"
 		xmlns:html="http://www.w3.org/1999/xhtml"
 		xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 
@@ -27,7 +29,7 @@
 	<tabpanel id="roomybookmarkstoolbar.options.tab1" orient="vertical">
 	<html:fieldset>
 	<html:legend>&roomybookmarkstoolbar.options.multirowBarGroup.label;</html:legend>
-	<vbox>
+	<vbox flex="1">
 		<hbox>
 			<checkbox preference="extensions.roomybookmarkstoolbar.multirowBar" id="multirowBarPerf" label="&roomybookmarkstoolbar.options.multirowEnable.label;" oncommand="roomybookmarkstoolbarOptions.location()"/>
 			<html:span>&roomybookmarkstoolbar.options.opacityIn.label; </html:span>
@@ -43,7 +45,7 @@
 
 	<html:fieldset>
 	<html:legend>&roomybookmarkstoolbar.options.timeGroup.label;</html:legend>
-	<vbox>
+	<vbox flex="1">
 		<hbox><html:span id="autoHideBarDisabled"></html:span></hbox>
 		<hbox>
 			<checkbox preference="extensions.roomybookmarkstoolbar.autoHideBar" id="autoHideBarPerf" label="&roomybookmarkstoolbar.options.autohideBar.label;" oncommand="roomybookmarkstoolbarOptions.autoHideBar(); roomybookmarkstoolbarOptions.autoHideZone();" />
@@ -86,14 +88,14 @@
 	</html:fieldset>
 	<html:fieldset>
 	<html:legend>&roomybookmarkstoolbar.options.location.label;</html:legend>
-	<vbox>
+	<vbox flex="1">
 		<checkbox preference="extensions.roomybookmarkstoolbar.bookmarksAboveTab" id="bookmarksAboveTabPerf" label="&roomybookmarkstoolbar.options.bookmarksAboveTab.label;" disabled="false" oncommand="roomybookmarkstoolbarOptions.topOnPage()" />
 		<checkbox preference="extensions.roomybookmarkstoolbar.overPage" id="overPagePerf" label="&roomybookmarkstoolbar.options.overPage.label;" disabled="false" oncommand="roomybookmarkstoolbarOptions.topOnPage()" />
 	</vbox>
 	</html:fieldset>
 	<html:fieldset>
 	<html:legend>&roomybookmarkstoolbar.options.alignment.label;</html:legend>
-	<vbox>
+	<vbox flex="1">
 		<hbox>
 			<radiogroup preference="extensions.roomybookmarkstoolbar.location" id="locationPerf" orient="horizontal" disabled="false">
 				<radio id="location0" value="0" label="&roomybookmarkstoolbar.options.alignment0.label;" />
@@ -105,7 +107,7 @@
 	</html:fieldset>
 	<html:fieldset>
 	<html:legend>Misc - restart required</html:legend>
-	<vbox>
+	<vbox flex="1">
 		<checkbox preference="extensions.roomybookmarkstoolbar.hide_warning" id="hideWarning" label="Hide unsigned addon warning in about:addons" />
 	</vbox>
 	</html:fieldset>