Harmonize persistent scrollbar styles (#31445)
This commit is contained in:
		
					parent
					
						
							
								98bf2fc27c
							
						
					
				
			
			
				commit
				
					
						2f01f5f4ea
					
				
			
		
					 3 changed files with 24 additions and 14 deletions
				
			
		|  | @ -7560,10 +7560,6 @@ a.status-card { | |||
|   } | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar-thumb { | ||||
|   border-radius: 0; | ||||
| } | ||||
| 
 | ||||
| noscript { | ||||
|   text-align: center; | ||||
| 
 | ||||
|  |  | |||
|  | @ -53,22 +53,29 @@ table { | |||
|   border-spacing: 0; | ||||
| } | ||||
| 
 | ||||
| html { | ||||
|   scrollbar-color: var(--background-border-color); | ||||
| @supports not selector(::-webkit-scrollbar) { | ||||
|   html { | ||||
|     scrollbar-color: $action-button-color var(--background-border-color); | ||||
|     scrollbar-width: thin; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar { | ||||
|   width: 4px; | ||||
|   height: 4px; | ||||
|   width: 8px; | ||||
|   height: 8px; | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar-thumb { | ||||
|   background-color: $ui-highlight-color; | ||||
|   opacity: .25; | ||||
|   background-color: $action-button-color; | ||||
|   border: 2px var(--background-border-color); | ||||
|   border-radius: 12px; | ||||
|   width: 6px; | ||||
|   box-shadow: inset 0 0 0 2px var(--background-border-color); | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar-track { | ||||
|   background-color: var(--background-border-color); | ||||
|   border-radius: 0px; | ||||
| } | ||||
| 
 | ||||
| ::-webkit-scrollbar-corner { | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue