stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

設定ダイアログがなるべく小さくなるように

Browse Source 
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6553 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2010-04-01 13:13:05 +00:00
parent cb9320524c
commit bb1fb4e81c
3 changed files with 79 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/treestyletab/config.css
View File

@ -9,3 +9,7 @@
width: 24px;
height: 24px;
}
arrowscrollbox[overflow="true"] {
border: 1px inset ThreeDFace;
}

50
content/treestyletab/config.js
View File

@ -40,10 +40,7 @@ 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');
@ -61,6 +58,53 @@ function initStylePane()
else {
sidebar.setAttribute('disabled', true);
}
var boxes = [
document.getElementById('extensions.treestyletab.tabbar.style-arrowscrollbox'),
document.getElementById('extensions.treestyletab.twisty.style-arrowscrollbox')
];
Array.slice(boxes[0].childNodes).concat(Array.slice(boxes[1].childNodes))
.forEach(function(aItem) {
var start = 0;
var delta = 200;
var radian = 90 * Math.PI / 180;
aItem.style.overflow = 'hidden';
aItem.width = 0;
aItem.style.maxWidth = 0;
var task = function(aTime, aBeginning, aChange, aDuration) {
var width;
if (aTime >= aDuration) {
width = start + delta;
finished = true;
}
else {
width = start + (delta * Math.sin(aTime / aDuration * radian));
finished = false;
}
aItem.removeAttribute('width');
aItem.style.maxWidth = parseInt(width)+'px';
var itemBox = aItem.boxObject;
var parentBox = aItem.parentNode.boxObject;
if (
parentBox.screenX > itemBox.screenX ||
parentBox.screenX + parentBox.width < itemBox.screenX + itemBox.width
) {
aItem.parentNode.setAttribute('overflow', true);
if (aItem.selected)
aItem.parentNode.scrollBoxObject.ensureElementIsVisible(aItem);
}
if (finished) {
start = null;
delta = null;
radian = null;
aItem = null;
}
return finished;
};
window['piro.sakura.ne.jp'].animationManager.addTask(task, 0, 0, 500);
});
}

62
content/treestyletab/config.xul
View File

@ -53,6 +53,12 @@
<preference id="extensions.treestyletab.tabbar.invertTabContents"
name="extensions.treestyletab.tabbar.invertTabContents"
type="bool"/>
<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>
<vbox>
@ -138,42 +144,13 @@
</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"
preference="extensions.treestyletab.tabbar.style"
orient="vertical">
<hbox align="center">
<radio value="plain" label="&config.tabbar.style.plain;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-plain.png"/>
<radio value="flat" label="&config.tabbar.style.flat;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-flat.png"/>
<radio value="mixed" label="&config.tabbar.style.mixed;"
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"/>
<arrowscrollbox orient="horizontal" flex="1"
id="extensions.treestyletab.tabbar.style-arrowscrollbox">
<radio value="metal" label="&config.tabbar.style.metal;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-metal.png"/>
@ -181,7 +158,20 @@
class="image" align="center"
src="chrome://treestyletab/content/res/style-sidebar.png"
id="extensions.treestyletab.tabbar.style-sidebar"/>
</hbox>
<radio value="mixed" label="&config.tabbar.style.mixed;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-mixed.png"
id="extensions.treestyletab.tabbar.style-mixed"/>
<radio value="flat" label="&config.tabbar.style.flat;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-flat.png"/>
<radio value="plain" label="&config.tabbar.style.plain;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-plain.png"/>
<radio value="vertigo" label="&config.tabbar.style.vertigo;"
class="image" align="center"
src="chrome://treestyletab/content/res/style-vertigo.png"/>
</arrowscrollbox>
<hbox align="center">
<radio value="" label="&config.tabbar.style.none;"/>
</hbox>
@ -192,7 +182,8 @@
<radiogroup id="extensions.treestyletab.twisty.style-radiogroup"
preference="extensions.treestyletab.twisty.style"
orient="vertical">
<hbox align="center">
<arrowscrollbox orient="horizontal" flex="1"
id="extensions.treestyletab.twisty.style-arrowscrollbox">
<radio value="auto" label="&config.twisty.style.auto;"/>
<radio value="retro" label="&config.twisty.style.retro;"
class="image" align="center"
@ -206,12 +197,14 @@
<radio value="osx" label="&config.twisty.style.osx;"
class="image" align="center"
src="chrome://treestyletab/content/res/twisty-osx.png"/>
</hbox>
</arrowscrollbox>
<hbox align="center">
<radio value="none" label="&config.twisty.style.none;"/>
</hbox>
</radiogroup>
</groupbox>
</vbox>
</prefpane>
<prefpane id="prefpane-menu" label="&config.tabs.menu;">
@ -790,6 +783,7 @@
</prefpane>
<script src="res/animationManager.js" type="application/javascript"/>
<script src="config.js" type="application/javascript"/>
</prefwindow>