Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/chat.css @ 413:0190a0d32909 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Forum: Major redesign of forums: Forums have been redesigned. They follow the new general design with 2 or 3 panels, allowing to have directly a forum if one is found/set up, and a panel on the left to search/discover other ones. Categories have been rewritten to be usable with pubsub relationships, a XEP-0277 type node is used for topics, and each item has a comments node for the threads. The thread view is set in `forum/show_messages.html` template. It has a header with a search box and a button to (un)subscribe. Items are displayed with the same macros as for the blog items. Below a room is set for editor, tags and attachments. rel 463
author Goffi <goffi@goffi.org>
date Fri, 05 Sep 2025 21:54:09 +0200
parents f7a434581872
children
comparison
equal deleted inserted replaced
412:c1d33d7e4b96 413:0190a0d32909
103 .message-core.has-popup-focus .message-actions 103 .message-core.has-popup-focus .message-actions
104 { 104 {
105 opacity: 1; 105 opacity: 1;
106 } 106 }
107 107
108 .attachments {
109 overflow-x: auto;
110 white-space: nowrap;
111 }
112
113 .message-core:hover, .message-core.has-popup-focus { 108 .message-core:hover, .message-core.has-popup-focus {
114 background-color: #f5f5f5; 109 background-color: #f5f5f5;
115 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); 110 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
116 } 111 }
117 112
139 box-shadow: 0 0 0 10px rgba(0,0,0,0.1); 134 box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
140 border-radius: 50%; 135 border-radius: 50%;
141 transition: box-shadow 0.3s ease; 136 transition: box-shadow 0.3s ease;
142 } 137 }
143 138
144 /* Attachments */
145
146 .attachments {
147 opacity: 1;
148 max-height: 1000px;
149 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;
150 overflow-x: auto;
151 overflow-y: hidden;
152 padding: 1.25rem 0;
153 margin: 0;
154 }
155
156 .attachments.is-contracted {
157 opacity: 0;
158 max-height: 0;
159 padding: 0;
160 }
161
162 .attachment-preview {
163 position: relative;
164 border: 1px solid #dbdbdb;
165 padding: 0.3rem 0.5rem;
166 border-radius: 4px;
167 background-color: #f5f5f5;
168 width: 9rem;
169 height: 6rem;
170 }
171
172 139
173 /* Reply to indicator */ 140 /* Reply to indicator */
174 #reply-to { 141 #reply-to {
175 background-color: var(--message-background); 142 background-color: var(--message-background);
176 border-left: 4px solid #3273dc; 143 border-left: 4px solid #3273dc;