Make toolbox margins OS scaling dependent
This commit is contained in:
parent
a65c512919
commit
da6df22d8b
1 changed files with 15 additions and 2 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue