Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/chat.css @ 387:8b990c78d4b5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
(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 }