Add active animation to header settings button (#30221)
This commit is contained in:
		
							parent
							
								
									f66c9faca0
								
							
						
					
					
						commit
						cb93c1edf0
					
				| @ -4365,12 +4365,20 @@ a.status-card { | |||||||
|     outline: $ui-button-focus-outline; |     outline: $ui-button-focus-outline; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |   .no-reduce-motion .icon { | ||||||
|  |     transition: transform 0.15s ease-in-out; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   &.active { |   &.active { | ||||||
|     color: $primary-text-color; |     color: $primary-text-color; | ||||||
| 
 | 
 | ||||||
|     &:hover { |     &:hover { | ||||||
|       color: $primary-text-color; |       color: $primary-text-color; | ||||||
|     } |     } | ||||||
|  | 
 | ||||||
|  |     .icon { | ||||||
|  |       transform: rotate(60deg); | ||||||
|  |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &:disabled { |   &:disabled { | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user