Make toolbox margins OS scaling dependent

This commit is contained in:
MrOtherGuy 2019-06-12 13:33:11 +03:00
parent a65c512919
commit da6df22d8b

View file

@ -1,7 +1,18 @@
/* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* 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 */ /* Dimensions on non-Win10 OS probably needs to be adjusted */
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } :root{ --uc-titlebar-scale-factor: 0px }
@media screen and (min-resolution: 1.25dppx){
:root{ --uc-titlebar-scale-factor: 1px }
}
@media screen and (min-resolution: 1.5dppx){
:root{ --uc-titlebar-scale-factor: 2px }
}
@media screen and (min-resolution: 2dppx){
:root{ --uc-titlebar-scale-factor: 3px }
}
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: calc(10px - var(--uc-titlebar-scale-factor)) }
#navigator-toolbox{ #navigator-toolbox{
position: fixed !important; position: fixed !important;
@ -13,7 +24,9 @@
#navigator-toolbox > *{ line-height: normal } #navigator-toolbox > *{ line-height: normal }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } :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,
#navigator-toolbox > *{ #navigator-toolbox > *{
width: 100vw; width: 100vw;