Mercurial > libervia-templates

diff sat_templates/templates/bulma/static/chat.css @ 406:049a0638f6fa

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
chat: Keywords handling: - Keywords are now displayed in messages. - Modal panel has been updated to allow for side panels, i.e. modal panel comming from top, bottom, right or left with an animation, and which can be closed by clicking/touching outside of the panel. rel 458
author Goffi <goffi@goffi.org>
date Fri, 06 Jun 2025 10:50:35 +0200
parents 5016fb0ff62f
children f7a434581872
line wrap: on
line diff
--- a/sat_templates/templates/bulma/static/chat.css	Wed May 21 15:41:00 2025 +0200
+++ b/sat_templates/templates/bulma/static/chat.css	Fri Jun 06 10:50:35 2025 +0200
@@ -61,8 +61,10 @@
     height: 100%;
 }
 
-.chat-message {
+.media.chat-message {
     max-width: 95%;
+    border: none;
+    margin: 0;
 }
 
 .message-core {
@@ -79,16 +81,17 @@
 }
 
 .message-actions {
-    display: none;
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
 }
 
 .message-core:hover .message-actions,
 .message-core.has-popup-focus .message-actions
 {
-    display: flex;
+    opacity: 1;
 }
 
-#attachments {
+.attachments {
     overflow-x: auto;
     white-space: nowrap;
 }
@@ -126,7 +129,7 @@
 
 /* Attachments */
 
-#attachments {
+.attachments {
     opacity: 1;
     max-height: 1000px;
     transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out;
@@ -136,7 +139,7 @@
     margin: 0;
 }
 
-#attachments.is-contracted {
+.attachments.is-contracted {
     opacity: 0;
     max-height: 0;
     padding: 0;
@@ -161,3 +164,13 @@
     margin-bottom: 1rem;
     border-radius: 0.25rem;
 }
+
+/* Sub Messages Panel */
+
+div.panel-block {
+    overflow-y: auto;
+}
+
+#sub-messages {
+    overflow-y: auto;
+}