From 1ad29c1adaa95ba7d6d349d9e7467aa302857645 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 28 Sep 2019 12:18:59 +0300 Subject: [PATCH] Add display:block to every absolutely positioned element --- chrome/Fx65_tabs_on_bottom.css | 1 + chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 1 + chrome/autohide_menubar.css | 1 + chrome/autohide_toolbox.css | 1 + chrome/click_selected_tab_to_focus_urlbar.css | 1 + chrome/fake_statusbar.css | 4 +++- chrome/multi-row_tabs_below_content_Fx66+.css | 2 ++ chrome/navbar_tabs_oneliner.css | 2 +- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 2 +- chrome/navbar_tabs_responsive_oneliner.css | 2 +- chrome/overlay_menubar.css | 1 + chrome/tabs_animated_gradient_border.css | 2 +- chrome/tabs_below_content.css | 3 ++- chrome/vertical_menubar.css | 2 ++ 14 files changed, 19 insertions(+), 6 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 94dc79d..5de1ade 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -20,6 +20,7 @@ linux_gtk_window_control_patch.css .titlebar-buttonbox-container{ position: fixed; + display: block; top: var(--uc-titlebar-padding,0px); right:0; height: 40px; diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index ed1f1ce..2a316da 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -6,6 +6,7 @@ #navigator-toolbox{ margin-top: 29px } #toolbar-menubar{ position: fixed; + display: block; top: var(--uc-titlebar-padding,0px); height: 29px; margin-top:1px; diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 933f0a6..577c4a0 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -9,6 +9,7 @@ #toolbar-menubar{ --uc-menubar-height: 36px; position: fixed; + display: block; width: 100vw; height: var(--uc-menubar-height); margin-top: calc(8px - var(--uc-menubar-height)); diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 8ab47d7..db41f11 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -17,6 +17,7 @@ #navigator-toolbox{ position: fixed !important; + display: block; background-color: var(--lwt-accent-color,black); transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; transform-origin: top; diff --git a/chrome/click_selected_tab_to_focus_urlbar.css b/chrome/click_selected_tab_to_focus_urlbar.css index f1438c9..a28616b 100644 --- a/chrome/click_selected_tab_to_focus_urlbar.css +++ b/chrome/click_selected_tab_to_focus_urlbar.css @@ -21,6 +21,7 @@ /* Invisible capture box behind tabs*/ :root:not([customizing]) #urlbar::before{ position: fixed; + display: block; top: 0; left: 0; width: calc(100vw - 138px); diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css index 961384f..cc2251c 100644 --- a/chrome/fake_statusbar.css +++ b/chrome/fake_statusbar.css @@ -14,7 +14,8 @@ */ #titlebar{ - position: fixed; + position: fixed; + display: block; bottom: 0px; height: var(--tab-min-height); width: 100vw; @@ -23,6 +24,7 @@ #TabsToolbar{ position: fixed; + display: block; top: 0px; width: 100vw; padding-left: 30px !important; diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 61744c0..f31d482 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -25,6 +25,7 @@ #nav-bar{ position: fixed !important; + display: block; margin-right: 138px; margin-left: 30px; /* width == 100vw - margins */ @@ -53,6 +54,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar{ height: var(--multirow-toolbar-height); position: fixed; + display: block; top: var(--multirow-top-padding); width: 100vw; color: var(--lwt-text-color); diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index c7a6b5d..739a406 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -37,7 +37,7 @@ Window controls will be all wrong without it /* Rules specific to window controls on right layout */ @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 */ diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 7a10c78..dc671d7 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -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)) } @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)) } } diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 7b7d843..e197890 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -36,7 +36,7 @@ Window controls will be all wrong without it /* Rules specific to window controls on right layout */ @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 */ diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index ddeac9a..eed2d9e 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -2,6 +2,7 @@ #toolbar-menubar{ position: fixed; + display: block; top: 0; width: 100vw; height: initial !important; diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index 5c9dd56..00932bd 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -13,7 +13,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and #TabsToolbar::before{ content: ""; - display: -moz-box; + display: block; position: absolute; width: 200vw; height: calc(var(--tab-min-height) + 2px); diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 3f1484b..e457d7b 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -11,6 +11,7 @@ linux_gtk_window_control_patch.css .titlebar-buttonbox-container{ position: fixed; + display: block; top:0; right:0; height: 40px; @@ -37,7 +38,7 @@ linux_gtk_window_control_patch.css /* Move tabs below content */ :root:not([inDOMFullscreen]) #content-deck, :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; } /* Hide stuff that doesn't make sense with tabs below content */ diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 7810e79..5c02472 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -6,6 +6,7 @@ :root:not([customizing]) #titlebar{ position: fixed; + display: block; -moz-appearance: none !important; right: 0px; height: 100vh; @@ -15,6 +16,7 @@ #TabsToolbar:not([customizing]){ position: fixed; + display: block; top: 0px; left: 0px; width: 100vw;