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