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-06-12 16:08:13 +00:00
|
|
|
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px }
|
|
|
|
|
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px }
|
|
|
|
|
|
2019-06-12 10:33:11 +00:00
|
|
|
@media screen and (min-resolution: 1.25dppx){
|
2019-06-12 16:08:13 +00:00
|
|
|
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px }
|
2019-06-12 10:33:11 +00:00
|
|
|
}
|
|
|
|
|
@media screen and (min-resolution: 1.5dppx){
|
2019-06-12 16:08:13 +00:00
|
|
|
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px }
|
|
|
|
|
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px }
|
2019-06-12 10:33:11 +00:00
|
|
|
}
|
|
|
|
|
@media screen and (min-resolution: 2dppx){
|
2019-06-12 16:08:13 +00:00
|
|
|
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px }
|
2019-06-12 10:33:11 +00:00
|
|
|
}
|
|
|
|
|
|
2019-06-02 16:08:43 +00:00
|
|
|
#navigator-toolbox{
|
|
|
|
|
position: fixed !important;
|
|
|
|
|
background-color: var(--lwt-accent-color,black);
|
|
|
|
|
transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important;
|
|
|
|
|
transform-origin: top;
|
2019-06-03 14:26:32 +00:00
|
|
|
line-height: 0;
|
2019-06-02 16:08:43 +00:00
|
|
|
}
|
2019-06-03 14:26:32 +00:00
|
|
|
|
2019-09-13 23:26:42 +00:00
|
|
|
#navigator-toolbox > *{ line-height: normal }
|
2019-06-12 16:08:13 +00:00
|
|
|
|
2019-06-02 16:08:43 +00:00
|
|
|
#navigator-toolbox,
|
|
|
|
|
#navigator-toolbox > *{
|
|
|
|
|
width: 100vw;
|
|
|
|
|
-moz-appearance: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-13 23:26:42 +00:00
|
|
|
#navigator-toolbox:not(:focus-within):not(:hover){
|
2019-06-02 16:08:43 +00:00
|
|
|
transform: rotateX(86deg);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2019-09-13 23:26:42 +00:00
|
|
|
|
|
|
|
|
:root[sizemode="maximized"] > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) }
|
|
|
|
|
|
|
|
|
|
:root[customizing] > #navigator-toolbox{
|
|
|
|
|
position: relative !important;
|
|
|
|
|
transform: none !important;
|
|
|
|
|
opacity: 1 !important;
|
|
|
|
|
}
|
2019-06-03 14:26:32 +00:00
|
|
|
|
|
|
|
|
#PersonalToolbar[collapsed]{ margin-block-end: -7px }
|
2019-06-02 16:08:43 +00:00
|
|
|
|
2019-06-03 14:26:32 +00:00
|
|
|
/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
|
|
|
|
|
/*#titlebar{ margin-bottom: -9px }*/
|
