fix some background-color and alignment problems of statusbar
This commit is contained in:
		
							parent
							
								
									a279d575f9
								
							
						
					
					
						commit
						cdb336f35e
					
				
					 2 changed files with 12 additions and 7 deletions
				
			
		| 
						 | 
					@ -3,11 +3,13 @@ See the above repository for updates as well as full license text. */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* STATUSPANEL INSIDE URLBAR */
 | 
					/* STATUSPANEL INSIDE URLBAR */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* This style replaces the urlbar url with statuspanel text when needed.
 | 
				
			||||||
 | 
					  The _v2 variant replaces the whole contents of the urlbar, including all icons. */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**************
 | 
					/**************
 | 
				
			||||||
IMPORTANT WARNING
 | 
					IMPORTANT WARNING
 | 
				
			||||||
Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
 | 
					Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
 | 
				
			||||||
Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065
 | 
					Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065
 | 
				
			||||||
 | 
					 | 
				
			||||||
As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware.
 | 
					As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware.
 | 
				
			||||||
**************/
 | 
					**************/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -47,13 +49,13 @@ As a workaround, the -moz-element background image is removed somewhat often whi
 | 
				
			||||||
  background-image: none !important
 | 
					  background-image: none !important
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 1px }
 | 
					:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px }
 | 
				
			||||||
:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 4px }
 | 
					:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 4px }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#statuspanel-inner > #statuspanel-label{
 | 
					#statuspanel-inner > #statuspanel-label{
 | 
				
			||||||
  height:3em;
 | 
					  height:3em;
 | 
				
			||||||
  min-width: 1000px;
 | 
					  min-width: 1000px;
 | 
				
			||||||
  background-color: var(--lwt-toolbar-field-focus) !important;
 | 
					  background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
 | 
				
			||||||
  border: none !important;
 | 
					  border: none !important;
 | 
				
			||||||
  font-size: 1.15em;
 | 
					  font-size: 1.15em;
 | 
				
			||||||
  color: inherit !important;
 | 
					  color: inherit !important;
 | 
				
			||||||
| 
						 | 
					@ -67,7 +69,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* You will need to adjust these probably as they depend on OS, text size etc. */
 | 
					/* You will need to adjust these probably as they depend on OS, text size etc. */
 | 
				
			||||||
#statuspanel-inner{ margin-left: -1px; }
 | 
					#statuspanel-inner{ margin-left: -1px; }
 | 
				
			||||||
#statuspanel-inner > #statuspanel-label{ margin-left: -2px !important; margin-top: 0px !important; }
 | 
					#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; margin-top: 0px !important; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/*  OPTIONAL FEATURES  */
 | 
					/*  OPTIONAL FEATURES  */
 | 
				
			||||||
| 
						 | 
					@ -92,4 +94,4 @@ As a workaround, the -moz-element background image is removed somewhat often whi
 | 
				
			||||||
/*
 | 
					/*
 | 
				
			||||||
#statuspanel-inner > #statuspanel-label{ text-align: center }
 | 
					#statuspanel-inner > #statuspanel-label{ text-align: center }
 | 
				
			||||||
.urlbar-input-box::after{ background-position-x: center !important; }
 | 
					.urlbar-input-box::after{ background-position-x: center !important; }
 | 
				
			||||||
*/
 | 
					*/
 | 
				
			||||||
| 
						 | 
					@ -3,6 +3,9 @@ See the above repository for updates as well as full license text. */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* STATUSPANEL INSIDE URLBAR */
 | 
					/* STATUSPANEL INSIDE URLBAR */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* This _v2 variant "replaces" the whole contents of the urlbar, including all icons,
 | 
				
			||||||
 | 
					   with statuspanel text when needed. The "normal" variant replaces only the url part. */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**************
 | 
					/**************
 | 
				
			||||||
IMPORTANT WARNING
 | 
					IMPORTANT WARNING
 | 
				
			||||||
Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
 | 
					Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
 | 
				
			||||||
| 
						 | 
					@ -18,7 +21,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
 | 
				
			||||||
  pointer-events:none;
 | 
					  pointer-events:none;
 | 
				
			||||||
  background-repeat: no-repeat;
 | 
					  background-repeat: no-repeat;
 | 
				
			||||||
  background-image: -moz-element(#statuspanel);
 | 
					  background-image: -moz-element(#statuspanel);
 | 
				
			||||||
  background-position: left 2px;
 | 
					  background-position: left 3px;
 | 
				
			||||||
  inset: 1px;
 | 
					  inset: 1px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -38,7 +41,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
 | 
				
			||||||
#statuspanel-inner > #statuspanel-label{
 | 
					#statuspanel-inner > #statuspanel-label{
 | 
				
			||||||
  height:3em;
 | 
					  height:3em;
 | 
				
			||||||
  min-width: 1000px;
 | 
					  min-width: 1000px;
 | 
				
			||||||
  background-color: var(--lwt-toolbar-field-focus) !important;
 | 
					  background-color: var(--lwt-toolbar-field-background-color, #fffc) !important;
 | 
				
			||||||
  border: none !important;
 | 
					  border: none !important;
 | 
				
			||||||
  font-size: 1.15em;
 | 
					  font-size: 1.15em;
 | 
				
			||||||
  color: inherit !important;
 | 
					  color: inherit !important;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue