don't use variables since only margin will change

This commit is contained in:
MrOtherGuy 2019-06-12 19:08:13 +03:00
parent da6df22d8b
commit 0be1e46ced

View file

@ -1,19 +1,20 @@
/* 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 */
:root{ --uc-titlebar-scale-factor: 0px }
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px }
@media screen and (min-resolution: 1.25dppx){
:root{ --uc-titlebar-scale-factor: 1px }
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px }
}
@media screen and (min-resolution: 1.5dppx){
:root{ --uc-titlebar-scale-factor: 2px }
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px }
}
@media screen and (min-resolution: 2dppx){
:root{ --uc-titlebar-scale-factor: 3px }
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px }
}
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: calc(10px - var(--uc-titlebar-scale-factor)) }
#navigator-toolbox{
position: fixed !important;
background-color: var(--lwt-accent-color,black);
@ -23,10 +24,7 @@
}
#navigator-toolbox > *{ line-height: normal }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px }
@media screen and (min-resolution: 1.5dppx){
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px }
}
#navigator-toolbox,
#navigator-toolbox > *{
width: 100vw;