Bug 867317 - Implement transition for showing and hiding toolbars. r=jaws

This commit is contained in:
Dão Gottwald 2014-06-20 07:08:46 +02:00
parent 50ca7c7998
commit 4653cf6fa7
3 changed files with 37 additions and 1 deletions

View File

@ -51,6 +51,18 @@
padding-bottom: 1px; padding-bottom: 1px;
} }
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
overflow: -moz-hidden-unscrollable;
max-height: 4em;
transition: min-height 170ms ease-out, max-height 170ms ease-out;
}
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
min-height: 0.1px;
max-height: 0;
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear;
}
#TabsToolbar:not([collapsed="true"]) + #nav-bar { #TabsToolbar:not([collapsed="true"]) + #nav-bar {
border-top: 1px solid hsla(0,0%,0%,.3) !important; border-top: 1px solid hsla(0,0%,0%,.3) !important;
background-clip: padding-box; background-clip: padding-box;

View File

@ -109,6 +109,18 @@ toolbarseparator {
background: url(chrome://browser/skin/Toolbar-background-noise.png) hsl(0,0%,83%); background: url(chrome://browser/skin/Toolbar-background-noise.png) hsl(0,0%,83%);
} }
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
overflow: -moz-hidden-unscrollable;
max-height: 4em;
transition: min-height 170ms ease-out, max-height 170ms ease-out;
}
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
min-height: 0.1px;
max-height: 0;
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear;
}
#nav-bar { #nav-bar {
-moz-appearance: none; -moz-appearance: none;
background: url(chrome://browser/skin/Toolbar-background-noise.png), background: url(chrome://browser/skin/Toolbar-background-noise.png),
@ -149,7 +161,7 @@ toolbarseparator {
padding: 4px; padding: 4px;
} }
#PersonalToolbar { #PersonalToolbar:not([collapsed=true]) {
padding: 0 4px 4px; padding: 0 4px 4px;
/* 4px padding ^ plus 19px personal-bookmarks (see below) */ /* 4px padding ^ plus 19px personal-bookmarks (see below) */
min-height: 23px; min-height: 23px;

View File

@ -78,6 +78,18 @@
background-color: -moz-Dialog; background-color: -moz-Dialog;
} }
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
overflow: -moz-hidden-unscrollable;
max-height: 4em;
transition: min-height 170ms ease-out, max-height 170ms ease-out;
}
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
min-height: 0.1px;
max-height: 0;
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear;
}
%ifdef WINDOWS_AERO %ifdef WINDOWS_AERO
@media not all and (-moz-windows-compositor), @media not all and (-moz-windows-compositor),
not all and (-moz-windows-default-theme) { not all and (-moz-windows-default-theme) {