スタイル切り替えの設定項目を別ページに分離

git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6552 599a83e7-65a4-db11-8015-0010dcdd6dc2

content/treestyletab/config.js

@@ -40,7 +40,10 @@ function init()
 function initAppearancePane()
 {
 	onChangeTabbarPosition();
+}
 
+function initStylePane()
+{
 	var mixed = document.getElementById('extensions.treestyletab.tabbar.style-mixed');
 	if (comparator.compare(XULAppInfo.version, '3.5') >= 0) {
 		mixed.removeAttribute('disabled');

content/treestyletab/config.xul

@@ -18,9 +18,6 @@
 		<preference id="extensions.treestyletab.tabbar.position"
 			name="extensions.treestyletab.tabbar.position"
 			type="string"/>
-		<preference id="extensions.treestyletab.tabbar.style"
-			name="extensions.treestyletab.tabbar.style"
-			type="string"/>
 		<preference id="extensions.treestyletab.tabbar.fixed.horizontal"
 			name="extensions.treestyletab.tabbar.fixed.horizontal"
 			type="bool"/>
@@ -56,9 +53,6 @@
 		<preference id="extensions.treestyletab.tabbar.invertTabContents"
 			name="extensions.treestyletab.tabbar.invertTabContents"
 			type="bool"/>
-		<preference id="extensions.treestyletab.twisty.style"
-			name="extensions.treestyletab.twisty.style"
-			type="string"/>
 	</preferences>
 
 	<vbox>
@@ -143,6 +137,22 @@
 		</hbox>
 		</vbox>
 	</groupbox>
+
+	</vbox>
+
+</prefpane>
+
+<prefpane id="prefpane-style" label="&config.tabs.style;"
+	onpaneload="initStylePane();">
+	<preferences>
+		<preference id="extensions.treestyletab.tabbar.style"
+			name="extensions.treestyletab.tabbar.style"
+			type="string"/>
+		<preference id="extensions.treestyletab.twisty.style"
+			name="extensions.treestyletab.twisty.style"
+			type="string"/>
+	</preferences>
+
 	<groupbox>
 		<caption label="&config.tabbar.style.caption;"/>
 		<radiogroup id="extensions.treestyletab.tabbar.style-radiogroup"
@@ -159,6 +169,8 @@
 				class="image" align="center"
 				src="chrome://treestyletab/content/res/style-mixed.png"
 				id="extensions.treestyletab.tabbar.style-mixed"/>
+			</hbox>
+			<hbox align="center">
 			<radio value="vertigo" label="&config.tabbar.style.vertigo;"
 				class="image" align="center"
 				src="chrome://treestyletab/content/res/style-vertigo.png"/>
@@ -170,14 +182,17 @@
 				src="chrome://treestyletab/content/res/style-sidebar.png"
 				id="extensions.treestyletab.tabbar.style-sidebar"/>
 			</hbox>
+			<hbox align="center">
 			<radio value="" label="&config.tabbar.style.none;"/>
+			</hbox>
 		</radiogroup>
 	</groupbox>
 	<groupbox>
 		<caption label="&config.twisty.style.caption;"/>
 		<radiogroup id="extensions.treestyletab.twisty.style-radiogroup"
 			preference="extensions.treestyletab.twisty.style"
-			orient="horizontal">
+			orient="vertical">
+			<hbox align="center">
 			<radio value="auto" label="&config.twisty.style.auto;"/>
 			<radio value="retro" label="&config.twisty.style.retro;"
 				class="image" align="center"
@@ -191,12 +206,12 @@
 			<radio value="osx" label="&config.twisty.style.osx;"
 				class="image" align="center"
 				src="chrome://treestyletab/content/res/twisty-osx.png"/>
+			</hbox>
+			<hbox align="center">
 			<radio value="none" label="&config.twisty.style.none;"/>
+			</hbox>
 		</radiogroup>
 	</groupbox>
-
-	</vbox>
-
 </prefpane>
 
 <prefpane id="prefpane-menu" label="&config.tabs.menu;">

locale/de-DE/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "Auf- und Einklappen von Zweigen erlauben">
 <!ENTITY config.tabbar.hideAlltabsButton    "Button zum Auflisten aller Tabs anzeigen">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "Aussehen der Tableiste">
 <!ENTITY config.tabbar.style.plain   "Plain">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/en-US/treestyletab/treestyletab.dtd

@@ -19,7 +19,10 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "Allow to collapse/expand tree of tabs">
 <!ENTITY config.tabbar.hideAlltabsButton    "Show &quot;List all tabs&quot; button">
 
-<!ENTITY config.tabbar.style.caption "Appearance of the tab bar">
+
+<!ENTITY config.tabs.style "Style">
+
+<!ENTITY config.tabbar.style.caption "Skin of the tab bar">
 <!ENTITY config.tabbar.style.plain   "Plain">
 <!ENTITY config.tabbar.style.flat    "Flat">
 <!ENTITY config.tabbar.style.mixed   "Mixed">

locale/es-ES/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "Permitir colapsar/expandir los sub-árboles de las pestañas">
 <!ENTITY config.tabbar.hideAlltabsButton    "Mostrar el botón &quot;Listar todas las pestañas&quot;">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "Apariencia de la barra de pestañas">
 <!ENTITY config.tabbar.style.plain   "Plano">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/it-IT/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "Permetti di contrarre/espandere sottoalberi delle schede">
 <!ENTITY config.tabbar.hideAlltabsButton    "Visualizza la maniglia per elencare tutte le schede">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "Aspetto delle barra delle schede">
 <!ENTITY config.tabbar.style.plain   "Semplice">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/ja/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "ツリーを折りたためるようにする">
 <!ENTITY config.tabbar.hideAlltabsButton    "「タブの一覧を表示」ボタンを表示する">
 
+
+<!ENTITY config.tabs.style "スタイル">
+
 <!ENTITY config.tabbar.style.caption "タブバーの表示スタイル">
 <!ENTITY config.tabbar.style.plain   "Plain">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/ru-RU/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "Разрешить сворачивать/разворачивать поддеревья вкладок">
 <!ENTITY config.tabbar.hideAlltabsButton    "Показывать кнопку &quot;Список всех вкладок&quot;">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "Вид вкладок на панели">
 <!ENTITY config.tabbar.style.plain   "Плоские кнопки">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/zh-CN/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "允许折叠/展开标签子树">
 <!ENTITY config.tabbar.hideAlltabsButton    "显示“列出所有标签”按钮">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "标签栏外观">
 <!ENTITY config.tabbar.style.plain   "简洁"">
 <!ENTITY config.tabbar.style.flat    "Flat">

locale/zh-TW/treestyletab/treestyletab.dtd

@@ -19,6 +19,9 @@
 <!ENTITY config.allowSubtreeCollapseExpand  "允許摺疊 / 展開樹狀子目錄">
 <!ENTITY config.tabbar.hideAlltabsButton    "顯示「列出所有分頁」按鈕">
 
+
+<!ENTITY config.tabs.style "Style">
+
 <!ENTITY config.tabbar.style.caption "分頁工具列的外觀">
 <!ENTITY config.tabbar.style.plain   "簡潔">
 <!ENTITY config.tabbar.style.flat    "Flat">

platform/Linux/skin/classic/treestyletab/config.css

@@ -5,6 +5,11 @@ radio[pane="prefpane-appearance"][selected="true"] {
 	-moz-image-region: rect(0px, 32px, 32px, 0px);
 }
 
+radio[pane="prefpane-style"]:hover,
+radio[pane="prefpane-style"][selected="true"] {
+	-moz-image-region: rect(0px, 32px, 32px, 0px);
+}
+
 radio[pane="prefpane-menu"]:hover,
 radio[pane="prefpane-menu"][selected="true"] {
 	-moz-image-region: rect(0px, 32px, 32px, 0px);

skin/classic/treestyletab/config-base.css

@@ -18,6 +18,14 @@ radio[pane="prefpane-appearance"][selected="true"] {
 	-moz-image-region: rect(32px, 32px, 64px, 0px);
 }
 
+radio[pane="prefpane-style"] {
+	-moz-image-region: rect(0px, 32px, 32px, 0px);
+}
+radio[pane="prefpane-style"]:hover,
+radio[pane="prefpane-style"][selected="true"] {
+	-moz-image-region: rect(32px, 32px, 64px, 0px);
+}
+
 radio[pane="prefpane-menu"] {
 	-moz-image-region: rect(0px, 32px, 32px, 0px);
 }