Enhance hover effect for time display and avatar visibility #38
| @ -275,13 +275,18 @@ input[type="text"], .chat-input textarea { | |||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .avatar { |   .avatar { | ||||||
|      |  | ||||||
|     opacity: 0; |     opacity: 0; | ||||||
|  |     max-height: 0; | ||||||
|  |     overflow: hidden; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .author, .time { |   .author { | ||||||
|     display: none; |     display: none; | ||||||
|   } |   } | ||||||
|  | 
 | ||||||
|  |   &:not(:hover, :focus-within, :active) .time { | ||||||
|  |     opacity: 0; | ||||||
|  |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .message.switch-user { | .message.switch-user { | ||||||
| @ -293,6 +298,7 @@ input[type="text"], .chat-input textarea { | |||||||
|   .avatar { |   .avatar { | ||||||
|     user-select: none; |     user-select: none; | ||||||
|     opacity: 1; |     opacity: 1; | ||||||
|  |     max-height: unset; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .author { |   .author { | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user