Add display:block to every absolutely positioned element
This commit is contained in:
parent
c65518f902
commit
1ad29c1ada
14 changed files with 19 additions and 6 deletions
|
@ -20,6 +20,7 @@ linux_gtk_window_control_patch.css
|
||||||
|
|
||||||
.titlebar-buttonbox-container{
|
.titlebar-buttonbox-container{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: var(--uc-titlebar-padding,0px);
|
top: var(--uc-titlebar-padding,0px);
|
||||||
right:0;
|
right:0;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
#navigator-toolbox{ margin-top: 29px }
|
#navigator-toolbox{ margin-top: 29px }
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: var(--uc-titlebar-padding,0px);
|
top: var(--uc-titlebar-padding,0px);
|
||||||
height: 29px;
|
height: 29px;
|
||||||
margin-top:1px;
|
margin-top:1px;
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
--uc-menubar-height: 36px;
|
--uc-menubar-height: 36px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: var(--uc-menubar-height);
|
height: var(--uc-menubar-height);
|
||||||
margin-top: calc(8px - var(--uc-menubar-height));
|
margin-top: calc(8px - var(--uc-menubar-height));
|
||||||
|
|
|
@ -17,6 +17,7 @@
|
||||||
|
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
position: fixed !important;
|
position: fixed !important;
|
||||||
|
display: block;
|
||||||
background-color: var(--lwt-accent-color,black);
|
background-color: var(--lwt-accent-color,black);
|
||||||
transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important;
|
transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important;
|
||||||
transform-origin: top;
|
transform-origin: top;
|
||||||
|
|
|
@ -21,6 +21,7 @@
|
||||||
/* Invisible capture box behind tabs*/
|
/* Invisible capture box behind tabs*/
|
||||||
:root:not([customizing]) #urlbar::before{
|
:root:not([customizing]) #urlbar::before{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: calc(100vw - 138px);
|
width: calc(100vw - 138px);
|
||||||
|
|
|
@ -14,7 +14,8 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#titlebar{
|
#titlebar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
height: var(--tab-min-height);
|
height: var(--tab-min-height);
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
@ -23,6 +24,7 @@
|
||||||
|
|
||||||
#TabsToolbar{
|
#TabsToolbar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
padding-left: 30px !important;
|
padding-left: 30px !important;
|
||||||
|
|
|
@ -25,6 +25,7 @@
|
||||||
|
|
||||||
#nav-bar{
|
#nav-bar{
|
||||||
position: fixed !important;
|
position: fixed !important;
|
||||||
|
display: block;
|
||||||
margin-right: 138px;
|
margin-right: 138px;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
/* width == 100vw - margins */
|
/* width == 100vw - margins */
|
||||||
|
@ -53,6 +54,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px))
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
height: var(--multirow-toolbar-height);
|
height: var(--multirow-toolbar-height);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: var(--multirow-top-padding);
|
top: var(--multirow-top-padding);
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
color: var(--lwt-text-color);
|
color: var(--lwt-text-color);
|
||||||
|
|
|
@ -37,7 +37,7 @@ Window controls will be all wrong without it
|
||||||
|
|
||||||
/* Rules specific to window controls on right layout */
|
/* Rules specific to window controls on right layout */
|
||||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
||||||
.titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; }
|
.titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 1px margin on touch density causes tabs to be too high */
|
/* 1px margin on touch density causes tabs to be too high */
|
||||||
|
|
|
@ -34,7 +34,7 @@ Window controls will be all wrong without it
|
||||||
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
|
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
|
||||||
|
|
||||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
||||||
.titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; }
|
.titlebar-buttonbox-container{ position: fixed; display: blocK; left: 0px; z-index: 3; }
|
||||||
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
|
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -36,7 +36,7 @@ Window controls will be all wrong without it
|
||||||
|
|
||||||
/* Rules specific to window controls on right layout */
|
/* Rules specific to window controls on right layout */
|
||||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
||||||
.titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; }
|
.titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 1px margin on touch density causes tabs to be too high */
|
/* 1px margin on touch density causes tabs to be too high */
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: initial !important;
|
height: initial !important;
|
||||||
|
|
|
@ -13,7 +13,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and
|
||||||
|
|
||||||
#TabsToolbar::before{
|
#TabsToolbar::before{
|
||||||
content: "";
|
content: "";
|
||||||
display: -moz-box;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 200vw;
|
width: 200vw;
|
||||||
height: calc(var(--tab-min-height) + 2px);
|
height: calc(var(--tab-min-height) + 2px);
|
||||||
|
|
|
@ -11,6 +11,7 @@ linux_gtk_window_control_patch.css
|
||||||
|
|
||||||
.titlebar-buttonbox-container{
|
.titlebar-buttonbox-container{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top:0;
|
top:0;
|
||||||
right:0;
|
right:0;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
@ -37,7 +38,7 @@ linux_gtk_window_control_patch.css
|
||||||
/* 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; 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; }
|
||||||
|
|
||||||
/* Hide stuff that doesn't make sense with tabs below content */
|
/* Hide stuff that doesn't make sense with tabs below content */
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
|
|
||||||
:root:not([customizing]) #titlebar{
|
:root:not([customizing]) #titlebar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
-moz-appearance: none !important;
|
-moz-appearance: none !important;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
@ -15,6 +16,7 @@
|
||||||
|
|
||||||
#TabsToolbar:not([customizing]){
|
#TabsToolbar:not([customizing]){
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
display: block;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
Loading…
Reference in a new issue