mirror of
				https://codeberg.org/claui/mobile-config-firefox.git
				synced 2025-11-04 04:25:55 +00:00 
			
		
		
		
	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{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
  display: block;
 | 
			
		||||
  top: var(--uc-titlebar-padding,0px);
 | 
			
		||||
  right:0;
 | 
			
		||||
  height: 40px;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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));
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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)) }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,6 +2,7 @@
 | 
			
		|||
 | 
			
		||||
#toolbar-menubar{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
  display: block;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  width: 100vw;
 | 
			
		||||
  height: initial !important;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue