Remove child combinators between :root and toolbox & browser
This commit is contained in:
parent
21eabcfc38
commit
993d439c57
12 changed files with 23 additions and 23 deletions
|
@ -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) }
|
|
@ -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;
|
||||||
|
|
|
@ -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) }
|
||||||
|
|
|
@ -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]{
|
||||||
|
|
|
@ -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]{
|
||||||
|
|
|
@ -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); }
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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 }
|
||||||
|
|
Loading…
Reference in a new issue