diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 3d252ca..9160585 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -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;