Restyling of tabs bar
This commit is contained in:
		
							parent
							
								
									e0570cda04
								
							
						
					
					
						commit
						0755e1764d
					
				
					 2 changed files with 82 additions and 11 deletions
				
			
		|  | @ -1,11 +0,0 @@ | |||
| /*  | ||||
|  * ~/.mozilla/firefox/<profile>/chrome/userChrome.css | ||||
|  */ | ||||
| 
 | ||||
| :root, body { | ||||
|     font-family: Letter; | ||||
| } | ||||
| 
 | ||||
| .tabbrowser-tab { | ||||
| /*    font-size: 13px; */ | ||||
| } | ||||
							
								
								
									
										82
									
								
								config/mozilla-firefox/userChrome.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										82
									
								
								config/mozilla-firefox/userChrome.css
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,82 @@ | |||
| /* | ||||
|  * ~/.mozilla/firefox/<profile>/chrome/userChrome.css | ||||
|  * | ||||
|  * Excerpt (with additions) from | ||||
|  * https://github.com/SAGAtheme/Firefox | ||||
|  * | ||||
|  * To enable firefox styling, see: | ||||
|  * https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss | ||||
|  */ | ||||
| 
 | ||||
| :root { | ||||
| 	--space-above-tabbar: 0 !important; | ||||
|     font-family: Letter; | ||||
| } | ||||
| 
 | ||||
| #TabsToolbar:not([inFullscreen]) > .toolbar-items { | ||||
| 	margin-bottom: -1px !important; | ||||
|     margin-top: -1px; | ||||
| } | ||||
| 
 | ||||
| /* Tabs bar height */ | ||||
| #tabbrowser-tabs, | ||||
| #tabbrowser-tabs arrowscrollbox { | ||||
| 	height: auto !important; | ||||
| 	min-height: auto !important; | ||||
| } | ||||
| 
 | ||||
| tab > stack { | ||||
| 	height: 36px !important; | ||||
| 	min-height: 36px !important; | ||||
| } | ||||
| 
 | ||||
| /* Space between tabs */ | ||||
| .tabbrowser-tab:not([pinned=true]) { | ||||
| 	margin: 1 !important; | ||||
| } | ||||
| .tabbrowser-tab { | ||||
| 	border: 0 !important; | ||||
| 	padding-inline: 0 !important; | ||||
| } | ||||
| #TabsToolbar { | ||||
| 	padding: 0 !important; | ||||
| } | ||||
| #TabsToolbar .toolbarbutton-1:last-child { | ||||
| 	margin-right: 4px !important; | ||||
| } | ||||
| 
 | ||||
| /* Tab labels */ | ||||
| tab { | ||||
|     font-weight: bold; | ||||
|     font-size: 1em; | ||||
| } | ||||
| 
 | ||||
| /* Hide close and newtab buttons */ | ||||
| /* Hide tab-bar if there is only one tab */ | ||||
| #tabbrowser-tabs tab:only-of-type, | ||||
| #tabs-newtab-button,  | ||||
| .tab-close-button { | ||||
|     display: none !important;  | ||||
| } | ||||
| 
 | ||||
| /* Center all inside tab */ | ||||
| .tab-content { | ||||
| 	display: flex; | ||||
| 	justify-content: center; | ||||
| 	align-items: center; | ||||
| 	margin-top: -1px; | ||||
| 	min-width: 100% !important; | ||||
| 	padding: 0 10px !important; | ||||
| } | ||||
| 
 | ||||
| /* Full width tabs */ | ||||
| .tabbrowser-tab:not([style^="max-width"]):not([pinned]), | ||||
| .tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) { | ||||
| 	max-width: 100% !important; | ||||
| } | ||||
| 
 | ||||
| .tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]), | ||||
| .tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) { | ||||
| 	max-width: .1px !important; | ||||
| } | ||||
| 
 | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue