some other changes
This commit is contained in:
		
							parent
							
								
									a782455bf0
								
							
						
					
					
						commit
						b81a694aee
					
				|  | @ -24,27 +24,27 @@ | |||
| 				vim-sneak | ||||
| 				lightline-vim | ||||
| 				csv-vim | ||||
|   				vimwiki | ||||
|   				coc-nvim | ||||
|   				coc-json | ||||
|   				coc-python | ||||
|   				coc-pairs | ||||
|   				coc-emmet | ||||
|   				emmet-vim | ||||
|   				LanguageClient-neovim | ||||
|   				ayu-vim | ||||
|   				rainbow_parentheses-vim | ||||
|   				vim-surround | ||||
|   				vim-fugitive | ||||
|   				#iron-nvim | ||||
|   				#nvim-colorizer | ||||
|   				vim-devicons | ||||
|   				# testing | ||||
|   				#vim-processing | ||||
|   				#vim-tidal | ||||
|   				taskwiki | ||||
|   				#vim-zettel | ||||
|   				#vimwiki-sync | ||||
| 				vimwiki | ||||
| 				coc-nvim | ||||
| 				coc-json | ||||
| 				coc-python | ||||
| 				coc-pairs | ||||
| 				coc-emmet | ||||
| 				emmet-vim | ||||
| 				LanguageClient-neovim | ||||
| 				ayu-vim | ||||
| 				rainbow_parentheses-vim | ||||
| 				vim-surround | ||||
| 				vim-fugitive | ||||
| 				#iron-nvim | ||||
| 				#nvim-colorizer | ||||
| 				vim-devicons | ||||
| 				# testing | ||||
| 				#vim-processing | ||||
| 				#vim-tidal | ||||
| 				taskwiki | ||||
| 				#vim-zettel | ||||
| 				#vimwiki-sync | ||||
| 			]; | ||||
| 		}; | ||||
|     customRC = '' | ||||
|  |  | |||
|  | @ -9,47 +9,189 @@ | |||
|   	visibility: collapse !important; | ||||
|   } | ||||
|   /* Sidebar min and max width removal */ | ||||
|   #sidebar { | ||||
|   	max-width: none !important; | ||||
|   	min-width: 0px !important; | ||||
|   } | ||||
|   /* hide sidebar header */ | ||||
|   #sidebar-header { | ||||
| 	display: none; | ||||
|   } | ||||
|   /* Hide splitter, when using Tree Style Tab. */ | ||||
|   #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter { | ||||
|   	display: none !important; | ||||
|   } | ||||
|   /* Hide sidebar header, when using Tree Style Tab. */ | ||||
|   #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { | ||||
|   	visibility: collapse; | ||||
|   } | ||||
| 	:root { | ||||
| 		/* expanded width of the sidebar.  | ||||
|     used for userChrome-static, and hover */ | ||||
|     --sidebar-width: 250px; | ||||
|     /* initial width of the sidebar.  | ||||
|     advised not to change since tst css relies on this value*/ | ||||
|     --sidebar-collapsed-width: 60px; | ||||
| 	} | ||||
| 
 | ||||
|   /* Shrink sidebar until hovered, when using Tree Style Tab. */ | ||||
|   :root { | ||||
|   	--thin-tab-width: 30px; | ||||
|   	--wide-tab-width: 200px; | ||||
|   } | ||||
|   #sidebar-box { | ||||
|   	min-width: var(--thin-tab-width) !important; | ||||
|   	max-width: none !important; | ||||
|       z-index: 1000 !important; | ||||
|       position: relative !important; | ||||
|       min-width: var(--sidebar-collapsed-width) !important; | ||||
|       max-width: var(--sidebar-collapsed-width) !important; | ||||
|   } | ||||
|   /* #sidebar-box { | ||||
|   	position: relative !important; | ||||
|   	transition: all 300ms !important; | ||||
|   	min-width: var(--thin-tab-width) !important; | ||||
|   	max-width: var(--thin-tab-width) !important; | ||||
|   } */ | ||||
|   #sidebar-box:hover { | ||||
|   	transition: all 300ms !important; | ||||
|   	min-width: var(--wide-tab-width) !important; | ||||
|   	max-width: var(--wide-tab-width) !important; | ||||
|    | ||||
|   	/* Negative right-margin to keep page from being pushed to the side. */ | ||||
|   	margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; | ||||
|   #sidebar-header, | ||||
|   #sidebar-splitter { | ||||
|       display: none !important; | ||||
|   } | ||||
|    | ||||
|   /* inner width = expanded width & move inner to only show initial-width long section */ | ||||
|   #sidebar-box #sidebar { | ||||
|       position: absolute !important; | ||||
|       min-width: var(--sidebar-width) !important; | ||||
|       max-width: var(--sidebar-width) !important; | ||||
|       width: var(--sidebar-width) !important; | ||||
|       transform: translateX(calc(var(--sidebar-collapsed-width) - var(--sidebar-width))); | ||||
|       transition: all var(--transition-time) var(--ease-out); | ||||
|   } | ||||
|    | ||||
|   /* move inner to show entire sidebar */ | ||||
|   #sidebar-box #sidebar:hover { | ||||
|       transform: translateX(0) !important; | ||||
|       box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color); | ||||
|   } | ||||
|    | ||||
|   #sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar { | ||||
|       transform: translateX(0) !important; | ||||
|       box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color); | ||||
|   } | ||||
|   /* hide sidebar header for tree style tabs sidebar */ | ||||
|   #sidebar-box #sidebar-header { | ||||
|       display: none; | ||||
|   } | ||||
|    | ||||
|   #sidebar { | ||||
|       border-right: solid var(--dividers) var(--sidebar-shadow-color) !important; | ||||
|   } | ||||
|    | ||||
|   toolbar { | ||||
|       border: none !important; | ||||
|   } | ||||
| 
 | ||||
| 	#tabbrowser-arrowscrollbox { | ||||
|     margin: 7px 14px 7px 14px; | ||||
|   } | ||||
|    | ||||
|   .tabbrowser-tab::after { | ||||
|       border: none !important; | ||||
|   } | ||||
|    | ||||
|   .tab-background .tab-line, | ||||
|   .tab-background .tab-bottom-line { | ||||
|       display: none; | ||||
|   } | ||||
|    | ||||
|   tab[selected="true"] > .tab-stack > .tab-background { | ||||
|       background: var(--tl-tab-background-gradient, var(--arrowpanel-dimmed-further)) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([selected="true"]) > .tab-stack:hover > .tab-background { | ||||
|       background: var(--arrowpanel-background) !important; | ||||
|   } | ||||
|    | ||||
|   .tab-stack { | ||||
|       border-radius: 7px; | ||||
|       margin-right: 5px; | ||||
|       overflow: hidden; | ||||
|   } | ||||
|    | ||||
|   .tab-stack .tab-icon-image, | ||||
|   .tab-stack .tab-label-container { | ||||
|       transform: translateX(0px); | ||||
|       transition: all var(--tl-animation-duration) var(--ease-out) !important; | ||||
|   } | ||||
|    | ||||
|   .tab-stack .tab-icon-image { | ||||
|       transition-duration: calc(var(--tl-animation-duration) * 2) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([pinned="true"]) .tab-stack:hover .tab-icon-image { | ||||
|       transform: translateX(-25px) !important; | ||||
|   } | ||||
|    | ||||
|   .tab-stack:hover .tab-label-container { | ||||
|       transform: translateX(-23px) !important; | ||||
|   } | ||||
|    | ||||
|   /* containers */ | ||||
|   tab:not([selected="true"]).identity-color-blue > .tab-stack, | ||||
|   tab:not([selected="true"]).identity-color-orange > .tab-stack, | ||||
|   tab:not([selected="true"]).identity-color-green > .tab-stack, | ||||
|   tab:not([selected="true"]).identity-color-pink > .tab-stack{ | ||||
|       border-radius: 0 0 7px 7px !important; | ||||
|   } | ||||
|    | ||||
|   tab[selected="true"].identity-color-blue > .tab-stack .tab-label-container, | ||||
|   tab[selected="true"].identity-color-orange > .tab-stack .tab-label-container, | ||||
|   tab[selected="true"].identity-color-green > .tab-stack .tab-label-container, | ||||
|   tab[selected="true"].identity-color-pink > .tab-stack .tab-label-container{ | ||||
|      color: #000 !important; | ||||
|   } | ||||
|    | ||||
|   /* blue */ | ||||
|   tab[selected="true"].identity-color-blue > .tab-stack > .tab-background{ | ||||
|      background: linear-gradient(to right, #3182CE , #0BC5EA) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([selected="true"]).identity-color-blue > .tab-stack > .tab-background{ | ||||
|       border-top: solid 4px #63B3ED !important; | ||||
|   } | ||||
|    | ||||
|   /* orange */ | ||||
|   tab[selected="true"].identity-color-orange > .tab-stack > .tab-background{ | ||||
|      background: linear-gradient(to right, #DD6B20 , #F56565) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([selected="true"]).identity-color-orange > .tab-stack > .tab-background{ | ||||
|       border-top: solid 4px #F6AD55 !important; | ||||
|   } | ||||
|    | ||||
|   /* green */ | ||||
|   tab[selected="true"].identity-color-green > .tab-stack > .tab-background{ | ||||
|      background: linear-gradient(to right, #38A169 , #38B2AC) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([selected="true"]).identity-color-green > .tab-stack > .tab-background{ | ||||
|       border-top: solid 4px #68D391 !important; | ||||
|   } | ||||
|    | ||||
|   /* pink */ | ||||
|   tab[selected="true"].identity-color-pink > .tab-stack > .tab-background{ | ||||
|      background: linear-gradient(to right, #D53F8C , #9F7AEA) !important; | ||||
|   } | ||||
|    | ||||
|   tab:not([selected="true"]).identity-color-pink > .tab-stack > .tab-background{ | ||||
|       border-top: solid 4px #F687B3 !important; | ||||
|   } | ||||
|    | ||||
|    | ||||
|   .tab-stack .tab-close-button { | ||||
|       border-radius: 50%; | ||||
|       margin-left: -20px !important; | ||||
|       background: var(--lwt-text-color); | ||||
|       fill: var(--lwt-accent-color) !important; | ||||
|       transform: translateX(30px) !important; | ||||
|       transition: all var(--tl-animation-duration) var(--ease-out) !important; | ||||
|   } | ||||
|    | ||||
|   .tab-stack:hover .tab-close-button { | ||||
|       transform: translateX(0px) !important; | ||||
|   } | ||||
| 
 | ||||
| #tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox >  | ||||
| .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]){ | ||||
|     display: block !important; | ||||
| } | ||||
|    | ||||
|   /* hide tabs */ | ||||
|   .tabbrowser-tab { | ||||
|       display: none; | ||||
|   } | ||||
|    | ||||
|   #tabs-newtab-button { | ||||
|       display: none; | ||||
|   } | ||||
|    | ||||
|   .titlebar-spacer { | ||||
|       display: none !important; | ||||
|   } | ||||
|    | ||||
| 
 | ||||
|   /*** TAB BAR ***/ | ||||
|   /* Ensure tab doesn't show through auto-completion popup */ | ||||
|   .tabbrowser-tab { z-index: 0 !important; } | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue