Mercurial > libervia-templates
comparison sat_templates/templates/bulma/static/chat.css @ 387:8b990c78d4b5
(bulma/chat): add menu + style for message retraction
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 30 Nov 2023 13:24:43 +0100 |
parents | e63fb06052ae |
children |
comparison
equal
deleted
inserted
replaced
386:e63fb06052ae | 387:8b990c78d4b5 |
---|---|
22 background-color: #d1ecf1; | 22 background-color: #d1ecf1; |
23 } | 23 } |
24 | 24 |
25 .is-chat-message { | 25 .is-chat-message { |
26 transition: all 0.3s ease; | 26 transition: all 0.3s ease; |
27 padding-left: 1.5em; | |
28 } | 27 } |
29 | 28 |
30 .is-chat-message:hover, .is-chat-message.has-popup-focus { | 29 .is-chat-message:hover, .is-chat-message.has-popup-focus { |
31 background-color: #f5f5f5; | 30 background-color: #f5f5f5; |
32 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); | 31 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); |
32 } | |
33 | |
34 .media.is-chat-message.is-retracted { | |
35 padding: 0.5em; | |
36 border-left: 3px solid #ff3860; /* Reddish border for distinction */ | |
37 background-color: #f5f5f5; /* Light grey background */ | |
38 color: #636363; /* Slightly darker text for better readability */ | |
33 } | 39 } |
34 | 40 |
35 .message-attachment { | 41 .message-attachment { |
36 max-width: 20rem; | 42 max-width: 20rem; |
37 } | 43 } |