some other changes
This commit is contained in:
		
							parent
							
								
									a782455bf0
								
							
						
					
					
						commit
						b81a694aee
					
				|  | @ -24,27 +24,27 @@ | ||||||
| 				vim-sneak | 				vim-sneak | ||||||
| 				lightline-vim | 				lightline-vim | ||||||
| 				csv-vim | 				csv-vim | ||||||
|   				vimwiki | 				vimwiki | ||||||
|   				coc-nvim | 				coc-nvim | ||||||
|   				coc-json | 				coc-json | ||||||
|   				coc-python | 				coc-python | ||||||
|   				coc-pairs | 				coc-pairs | ||||||
|   				coc-emmet | 				coc-emmet | ||||||
|   				emmet-vim | 				emmet-vim | ||||||
|   				LanguageClient-neovim | 				LanguageClient-neovim | ||||||
|   				ayu-vim | 				ayu-vim | ||||||
|   				rainbow_parentheses-vim | 				rainbow_parentheses-vim | ||||||
|   				vim-surround | 				vim-surround | ||||||
|   				vim-fugitive | 				vim-fugitive | ||||||
|   				#iron-nvim | 				#iron-nvim | ||||||
|   				#nvim-colorizer | 				#nvim-colorizer | ||||||
|   				vim-devicons | 				vim-devicons | ||||||
|   				# testing | 				# testing | ||||||
|   				#vim-processing | 				#vim-processing | ||||||
|   				#vim-tidal | 				#vim-tidal | ||||||
|   				taskwiki | 				taskwiki | ||||||
|   				#vim-zettel | 				#vim-zettel | ||||||
|   				#vimwiki-sync | 				#vimwiki-sync | ||||||
| 			]; | 			]; | ||||||
| 		}; | 		}; | ||||||
|     customRC = '' |     customRC = '' | ||||||
|  |  | ||||||
|  | @ -9,46 +9,188 @@ | ||||||
|   	visibility: collapse !important; |   	visibility: collapse !important; | ||||||
|   } |   } | ||||||
|   /* Sidebar min and max width removal */ |   /* Sidebar min and max width removal */ | ||||||
|   #sidebar { | 	:root { | ||||||
|   	max-width: none !important; | 		/* expanded width of the sidebar.  | ||||||
|   	min-width: 0px !important; |     used for userChrome-static, and hover */ | ||||||
|   } |     --sidebar-width: 250px; | ||||||
|   /* hide sidebar header */ |     /* initial width of the sidebar.  | ||||||
|   #sidebar-header { |     advised not to change since tst css relies on this value*/ | ||||||
| 	display: none; |     --sidebar-collapsed-width: 60px; | ||||||
|   } | 	} | ||||||
|   /* 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; |  | ||||||
|   } |  | ||||||
|    |  | ||||||
|   /* Shrink sidebar until hovered, when using Tree Style Tab. */ |  | ||||||
|   :root { |  | ||||||
|   	--thin-tab-width: 30px; |  | ||||||
|   	--wide-tab-width: 200px; |  | ||||||
|   } |  | ||||||
|   #sidebar-box { |   #sidebar-box { | ||||||
|   	min-width: var(--thin-tab-width) !important; |       z-index: 1000 !important; | ||||||
|   	max-width: none !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. */ |   #sidebar-header, | ||||||
|   	margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; |   #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 ***/ |   /*** TAB BAR ***/ | ||||||
|   /* Ensure tab doesn't show through auto-completion popup */ |   /* Ensure tab doesn't show through auto-completion popup */ | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue