Target scrollbar styles to timeline container
This commit is contained in:
		
							parent
							
								
									fd4739d834
								
							
						
					
					
						commit
						80f88f4e9b
					
				| @ -32,6 +32,7 @@ html[data-theme="dark"] { | |||||||
|   overflow-y: auto; |   overflow-y: auto; | ||||||
|   position: relative; |   position: relative; | ||||||
|   background: var(--bg-color); |   background: var(--bg-color); | ||||||
|  |   scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1); | ||||||
| } | } | ||||||
| .mt-timeline a:link, | .mt-timeline a:link, | ||||||
| .mt-timeline a:active, | .mt-timeline a:active, | ||||||
| @ -42,6 +43,24 @@ html[data-theme="dark"] { | |||||||
| .mt-timeline a:hover { | .mt-timeline a:hover { | ||||||
|   text-decoration: underline; |   text-decoration: underline; | ||||||
| } | } | ||||||
|  | .mt-timeline::-webkit-scrollbar { | ||||||
|  |   width: 0.75rem; | ||||||
|  |   height: 0.75rem; | ||||||
|  | } | ||||||
|  | .mt-timeline::-webkit-scrollbar-corner { | ||||||
|  |   background: transparent; | ||||||
|  | } | ||||||
|  | .mt-timeline::-webkit-scrollbar-thumb { | ||||||
|  |   border-radius: 0; | ||||||
|  |   border: 0 var(--content-text); | ||||||
|  |   border-radius: 2rem; | ||||||
|  |   background: var(--bg-hover-color);   | ||||||
|  | } | ||||||
|  | .mt-timeline::-webkit-scrollbar-track { | ||||||
|  |   border: 0 var(--content-text); | ||||||
|  |   border-radius: 0; | ||||||
|  |   background: rgba(0, 0, 0, 0.1); | ||||||
|  | } | ||||||
| 
 | 
 | ||||||
| .mt-body { | .mt-body { | ||||||
|   padding: 1rem 1.5rem; |   padding: 1rem 1.5rem; | ||||||
| @ -57,31 +76,6 @@ html[data-theme="dark"] { | |||||||
|   position: absolute; |   position: absolute; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /* Scroll bar */ |  | ||||||
| html{ |  | ||||||
|   scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1); |  | ||||||
| } |  | ||||||
| ::-webkit-scrollbar { |  | ||||||
|   width: 0.75rem; |  | ||||||
|   height: 0.75rem; |  | ||||||
| } |  | ||||||
| ::-webkit-scrollbar-corner { |  | ||||||
|   background: transparent; |  | ||||||
| } |  | ||||||
| ::-webkit-scrollbar-thumb { |  | ||||||
|   border-radius: 0; |  | ||||||
| } |  | ||||||
| ::-webkit-scrollbar-thumb { |  | ||||||
|   border: 0 var(--content-text); |  | ||||||
|   border-radius: 2rem; |  | ||||||
|   background: var(--bg-hover-color); |  | ||||||
| } |  | ||||||
| ::-webkit-scrollbar-track { |  | ||||||
|   border: 0 var(--content-text); |  | ||||||
|   border-radius: 0; |  | ||||||
|   background: rgba(0, 0, 0, 0.1); |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| /* Toot container */ | /* Toot container */ | ||||||
| .mt-toot { | .mt-toot { | ||||||
|   margin: 0.25rem; |   margin: 0.25rem; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 idotj
						idotj