Remove child combinators between :root and toolbox & browser

This commit is contained in:
MrOtherGuy 2019-11-11 17:23:33 +02:00
parent 21eabcfc38
commit 993d439c57
12 changed files with 23 additions and 23 deletions

View file

@ -6,7 +6,7 @@
transform-origin: top; transform-origin: top;
transition: transform 135ms linear 48ms !important; transition: transform 135ms linear 48ms !important;
} }
:root[uidensity="compact"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } :root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px }
:root[uidensity="touch"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } :root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px }
#navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } #navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) }

View file

@ -2,14 +2,14 @@
/* 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[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -2px }
@media screen and (min-resolution: 1.25dppx){ @media screen and (min-resolution: 1.25dppx){
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px } :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px }
} }
@media screen and (min-resolution: 1.5dppx){ @media screen and (min-resolution: 1.5dppx){
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px } :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px }
:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px } :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -1px }
} }
@media screen and (min-resolution: 2dppx){ @media screen and (min-resolution: 2dppx){
:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px } :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px }
@ -37,9 +37,9 @@
opacity: 0; opacity: 0;
} }
:root[sizemode="maximized"] > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } :root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) }
:root[customizing] > #navigator-toolbox{ :root[customizing] #navigator-toolbox{
position: relative !important; position: relative !important;
transform: none !important; transform: none !important;
opacity: 1 !important; opacity: 1 !important;

View file

@ -72,4 +72,4 @@
:root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #content-deck,
:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } :root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) }

View file

@ -36,7 +36,7 @@
background-color: transparent !important; background-color: transparent !important;
} }
/* Extra top padding in maximized window */ /* Extra top padding in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } :root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
/* Fix window controls not being clickable */ /* Fix window controls not being clickable */
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ :root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{

View file

@ -41,7 +41,7 @@ Window controls will be all wrong without it
background-color: transparent !important; background-color: transparent !important;
} }
/* Extra top padding in maximized window */ /* Extra top padding in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } :root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
/* Window controls in nav-bar */ /* Window controls in nav-bar */
:root:not([customizing]) #toolbar-menubar[inactive]{ :root:not([customizing]) #toolbar-menubar[inactive]{

View file

@ -44,7 +44,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px))
#nav-bar > toolbartabstop{ float: left } #nav-bar > toolbartabstop{ float: left }
:root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #content-deck,
:root:not([inDOMFullscreen]) > #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))}
/* Restyle nav-bar and menubar */ /* Restyle nav-bar and menubar */
#nav-bar-customization-target{ width: calc(100% - 100px); } #nav-bar-customization-target{ width: calc(100% - 100px); }

View file

@ -15,8 +15,8 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur
--uc-toolbar-height: 40px; --uc-toolbar-height: 40px;
} }
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; }
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; }
:root[uidensity=compact] #urlbar-container.megabar{ :root[uidensity=compact] #urlbar-container.megabar{
--urlbar-container-height: var(--uc-toolbar-height) !important; --urlbar-container-height: var(--uc-toolbar-height) !important;

View file

@ -16,8 +16,8 @@ Window controls will be all wrong without it
#navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))}
#nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) }
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px}
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; }
:root[uidensity=compact] #urlbar-container.megabar{ :root[uidensity=compact] #urlbar-container.megabar{
--urlbar-container-height: var(--uc-toolbar-height) !important; --urlbar-container-height: var(--uc-toolbar-height) !important;

View file

@ -12,8 +12,8 @@ Window controls will be all wrong without it
--uc-toolbar-height: 40px; --uc-toolbar-height: 40px;
} }
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px;}
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; }
:root[uidensity=compact] #urlbar-container.megabar{ :root[uidensity=compact] #urlbar-container.megabar{
--urlbar-container-height: var(--uc-toolbar-height) !important; --urlbar-container-height: var(--uc-toolbar-height) !important;

View file

@ -16,8 +16,8 @@ Window controls will be all wrong without it
--uc-toolbar-height: 40px; --uc-toolbar-height: 40px;
} }
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; }
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; }
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }

View file

@ -20,7 +20,7 @@ linux_gtk_window_control_patch.css
display: -moz-box !important; display: -moz-box !important;
} }
:root[inFullscreen] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } :root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
@ -32,12 +32,12 @@ linux_gtk_window_control_patch.css
#titlebar{ -moz-appearance: none !important; } #titlebar{ -moz-appearance: none !important; }
/* Counteract -moz-appearance when maximized */ /* Counteract -moz-appearance when maximized */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } :root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
/* Move tabs below content */ /* Move tabs below content */
:root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #content-deck,
:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } :root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) }
#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) } #TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) }
#TabsToolbar-customization-target{ width: 100vw; } #TabsToolbar-customization-target{ width: 100vw; }

View file

@ -12,7 +12,7 @@
height: 100vh; height: 100vh;
width: 30px; width: 30px;
} }
:root:not([customizing]) > #navigator-toolbox{ margin-top: var(--tab-min-height) } :root:not([customizing]) #navigator-toolbox{ margin-top: var(--tab-min-height) }
#TabsToolbar:not([customizing]){ #TabsToolbar:not([customizing]){
position: fixed; position: fixed;
@ -47,4 +47,4 @@
background-color: var(--lwt-accent-color) background-color: var(--lwt-accent-color)
} }
:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) > #browser{ margin-right: 30px } :root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px }