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@7248 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2010-09-17 02:43:29 +00:00
parent 54f00c8102
commit acc3ed80b6
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
content/treestyletab/treestyletab.css
View File

@ -145,12 +145,29 @@ tabbrowser[treestyletab-tabbar-autohide-mode="1"][treestyletab-tabbar-autohide="
* So we have to define max-width for both states [fadein] (means "completely * So we have to define max-width for both states [fadein] (means "completely
* opened") and :not([fadein]) (means "in opening/removing process". * opened") and :not([fadein]) (means "in opening/removing process".
*/ */
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab:not([pinned]) { .tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab:not([pinned]):not([fadein]) {
max-width: 65000px !important; max-width: 65000px !important;
opacity: 0.5 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab:not([pinned])[fadein] {
max-width: 65250px !important;
min-width: 1px !important; min-width: 1px !important;
} }
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab:not([pinned])[fadein] { .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-animation-enabled="true"]
max-width: 65250px !important; .tabbrowser-tab:not([pinned]):not([fadein])[treestyletab-removed="true"] {
max-height: 1px !important;
min-height: 1px !important;
opacity: 0 !important;
/**
* "transitionend" event will not fire if new transitions start before
* old transitions are finished. When treestyletab-removed="true" is set
* new transitions will start by these declarations, so, ghost tabs
* possibly because "max-width" transition is canceled. To prevent ghost
* tabs, we have to re-define new max-width to fire transitionend event.
*/
max-width: 64000px !important;
} }
#TabsToolbar, #TabsToolbar,
@ -174,13 +191,6 @@ tabbrowser[treestyletab-tabbar-autohide-mode="1"][treestyletab-tabbar-autohide="
/* animation effects */ /* animation effects */
.tabbrowser-tabs[treestyletab-animation-enabled="true"][treestyletab-mode="vertical"]
.tabbrowser-tab[treestyletab-removed="true"] {
max-height: 1px !important;
min-height: 1px !important;
opacfity: 0 !important;
}
.tabbrowser-tabs[treestyletab-animation-enabled="true"][treestyletab-mode="vertical"]:not([treestyletab-tab-inverted="true"]) .tabbrowser-tabs[treestyletab-animation-enabled="true"][treestyletab-mode="vertical"]:not([treestyletab-tab-inverted="true"])
.tabbrowser-tab:not([treestyletab-collapsed-done="true"]) { .tabbrowser-tab:not([treestyletab-collapsed-done="true"]) {
-moz-transition: margin-top 0.15s ease-out, -moz-transition: margin-top 0.15s ease-out,