mobile-config-firefox/chrome/autohide_toolbox.css

63 lines
2.2 KiB
CSS
Raw Normal View History

2019-06-02 16:08:43 +00:00
/* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */
/* Dimensions on non-Win10 OS probably needs to be adjusted */
2019-11-28 10:00:59 +00:00
@media (-moz-os-version: windows-win10){
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 10px !important; }
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -2px }
2019-11-28 10:00:59 +00:00
@media screen and (min-resolution: 1.25dppx){
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 9px !important; }
2019-11-28 10:00:59 +00:00
}
@media screen and (min-resolution: 1.5dppx){
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px }
2019-11-28 10:00:59 +00:00
}
@media screen and (min-resolution: 2dppx){
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; }
2019-11-28 10:00:59 +00:00
}
}
2020-01-14 19:15:15 +00:00
:root[sizemode="fullscreen"]{ margin-top: 0px !important; }
2019-06-02 16:08:43 +00:00
#navigator-toolbox{
position: fixed !important;
display: block;
2019-11-28 10:00:59 +00:00
background-color: var(--lwt-accent-color,black) !important;
2019-06-02 16:08:43 +00:00
transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important;
transform-origin: top;
line-height: 0;
z-index: 1;
pointer-events: none;
2019-06-02 16:08:43 +00:00
}
#navigator-toolbox > *{ line-height: normal; pointer-events: auto }
2019-06-02 16:08:43 +00:00
#navigator-toolbox,
#navigator-toolbox > *{
width: 100vw;
-moz-appearance: none !important;
}
#navigator-toolbox:not(:focus-within):not(:hover){
2019-06-02 16:08:43 +00:00
transform: rotateX(86deg);
opacity: 0;
}
:root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) }
/* Don't apply transform before window has been fully created */
:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important }
:root[customizing] #navigator-toolbox{
position: relative !important;
transform: none !important;
opacity: 1 !important;
}
2020-01-14 19:15:15 +00:00
#navigator-toolbox[inFullscreen] > #PersonalToolbar,
#PersonalToolbar[collapsed="true"]{ display: none }
2019-06-02 16:08:43 +00:00
/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
/*#titlebar{ margin-bottom: -9px }*/