create status_inside_menubar.css
This commit is contained in:
		
							parent
							
								
									0c1a86cec5
								
							
						
					
					
						commit
						97b9f5c3d8
					
				
					 3 changed files with 51 additions and 1 deletions
				
			
		
							
								
								
									
										48
									
								
								chrome/status_inside_menubar.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										48
									
								
								chrome/status_inside_menubar.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,48 @@
 | 
			
		|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/status_inside_menubar.css made available under Mozilla Public License v. 2.0
 | 
			
		||||
See the above repository for updates as well as full license text. */
 | 
			
		||||
 | 
			
		||||
/**************
 | 
			
		||||
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.
 | 
			
		||||
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.
 | 
			
		||||
**************/
 | 
			
		||||
 | 
			
		||||
#menubar-items + spacer::after{
 | 
			
		||||
  z-index: 2;
 | 
			
		||||
  content: "";
 | 
			
		||||
  display: flex;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  pointer-events:none;
 | 
			
		||||
  background-position: left -3px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
  background-image: -moz-element(#statuspanel);
 | 
			
		||||
  grid-area: 1 / 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#titlebar:hover #menubar-items + spacer::after{
 | 
			
		||||
  background-image: none !important
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#statuspanel-label{
 | 
			
		||||
  height:3em;
 | 
			
		||||
  min-width: 1000px;
 | 
			
		||||
  background: transparent !important;
 | 
			
		||||
  border: none !important;
 | 
			
		||||
  font-size: 1.15em;
 | 
			
		||||
  color: inherit !important;
 | 
			
		||||
  margin-right: 0px !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#statuspanel{
 | 
			
		||||
  color: var(--lwt-text-color);
 | 
			
		||||
  z-index: -1;
 | 
			
		||||
  max-width: 100% !important;
 | 
			
		||||
  padding-top: 0 !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* This creates opaque layer to be shown in front of "hidden" real statuspanel */
 | 
			
		||||
.browserStack{
 | 
			
		||||
  background-color: var(--tabpanel-background-color);
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -160,5 +160,6 @@
 | 
			
		|||
"vertical_urlbar_one-off_items.css":["urlbar"],
 | 
			
		||||
"overlay_sidebar_header.css":["sidebar","hack"],
 | 
			
		||||
"compact_extensions_panel.css":["popup","menu","minimal"],
 | 
			
		||||
"tab_animated_active_border.css":["tab","effect","colors"]
 | 
			
		||||
"tab_animated_active_border.css":["tab","effect","colors"],
 | 
			
		||||
"status_inside_menubar.css":["menubar","status","hack"]
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										1
									
								
								tags.csv
									
										
									
									
									
								
							
							
						
						
									
										1
									
								
								tags.csv
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -160,3 +160,4 @@ vertical_urlbar_one-off_items.css,urlbar
 | 
			
		|||
overlay_sidebar_header.css,sidebar,hack
 | 
			
		||||
compact_extensions_panel.css,popup,menu,minimal
 | 
			
		||||
tab_animated_active_border.css,tab,effect,colors
 | 
			
		||||
status_inside_menubar.css,menubar,status,hack
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		
		
			
  | 
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue