Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/chat.css @ 385:941e4006ab6e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (message): reactions + fixes: - add "reaction" button - fix attachments display - add reaction templates - add reactions to messages - fix "info" messages display
author Goffi <goffi@goffi.org>
date Wed, 22 Nov 2023 15:22:11 +0100
parents 281d1c958d56
children e63fb06052ae
comparison
equal deleted inserted replaced
384:4e050f67c079 385:941e4006ab6e
20 .is-chat-message { 20 .is-chat-message {
21 transition: all 0.3s ease; 21 transition: all 0.3s ease;
22 padding-left: 1.5em; 22 padding-left: 1.5em;
23 } 23 }
24 24
25 .is-chat-message:hover { 25 .is-chat-message:hover, .chat-message-highlight {
26 background-color: #f5f5f5; 26 background-color: #f5f5f5;
27 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); 27 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
28 } 28 }
29 29
30 .message-attachment { 30 .message-attachment {
40 right: 5px; 40 right: 5px;
41 bottom: 5px; 41 bottom: 5px;
42 opacity: 0; 42 opacity: 0;
43 } 43 }
44 44
45 .is-chat-message:hover .actions { 45 .is-chat-message:hover .actions, .chat-message-highlight .actions {
46 opacity: 1; 46 opacity: 1;
47 } 47 }
48 48
49 .action-button { 49 .action-button {
50 box-sizing: border-box; 50 box-sizing: border-box;
51 margin: 0 0.2rem; 51 margin: 0 0.2rem;
52 user-select: none;
53 z-index: 10;
52 } 54 }
53 55
54 .action-button:hover { 56 .action-button:hover {
55 box-shadow: 0 0 0 10px rgba(0,0,0,0.1); 57 box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
56 border-radius: 50%; 58 border-radius: 50%;