Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/chat.css @ 411:f7a434581872 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
chat: Add forward, rich editing and extra recipients: - There is a new "forward" menu in message. For now, a simple prompt ask for recipient JID. - A new "extra" menu is available next to input field. Inside there are 2 items for now: add extra recipient, and toggle rich edit mode. - Extra recipient option add a field to add an email-like "to", "cc" or "bcc" recipients. - Rich edit let use rich styling such as bold, italic, underline, etc. rel 461
author Goffi <goffi@goffi.org>
date Fri, 04 Jul 2025 17:33:22 +0200
parents 049a0638f6fa
children
comparison
equal deleted inserted replaced
410:a5588ea3bcd6 411:f7a434581872
55 .chat-input { 55 .chat-input {
56 border-top: 1px solid #dbdbdb; 56 border-top: 1px solid #dbdbdb;
57 padding: 1rem; 57 padding: 1rem;
58 } 58 }
59 59
60 .chat-input button { 60 .chat-input button, .chat-input input, .chat-input select {
61 height: auto;
62 min-height: 3rem;
63 }
64
65 #message_input_area, #message_input_area_rich {
61 height: 100%; 66 height: 100%;
67 min-height: 3rem;
68 }
69
70 div.ql-editor {
71 margin: 0 2px;
72 min-height: 3rem;
73 border: 1px lightgray solid;
74 padding: 11px;
62 } 75 }
63 76
64 .media.chat-message { 77 .media.chat-message {
65 max-width: 95%; 78 max-width: 95%;
66 border: none; 79 border: none;
72 padding: 0.75rem; 85 padding: 0.75rem;
73 border-radius: 0.5rem; 86 border-radius: 0.5rem;
74 overflow-wrap: anywhere; 87 overflow-wrap: anywhere;
75 background-color: #f5f5f5; 88 background-color: #f5f5f5;
76 transition: background-color 0.2s, border-left 0.2s; 89 transition: background-color 0.2s, border-left 0.2s;
90 list-style-position: inside;
77 } 91 }
78 .message-core:hover, .message-core.has-popup-focus { 92 .message-core:hover, .message-core.has-popup-focus {
79 background-color: #e8e8e8; 93 background-color: #e8e8e8;
80 border-left: 4px solid #3273dc; 94 border-left: 4px solid #3273dc;
81 } 95 }