Add display:block to every absolutely positioned element

This commit is contained in:
MrOtherGuy 2019-09-28 12:18:59 +03:00
parent c65518f902
commit 1ad29c1ada
14 changed files with 19 additions and 6 deletions

View file

@ -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;

View file

@ -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;

View file

@ -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));

View file

@ -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;

View file

@ -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);

View file

@ -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;

View file

@ -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);

View file

@ -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 */

View file

@ -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)) }
} }

View file

@ -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 */

View file

@ -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;

View file

@ -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);

View file

@ -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 */

View file

@ -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;