Mercurial > libervia-templates

comparison sat_templates/templates/bulma/chat/chat.html @ 405:5016fb0ff62f default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Blog redesign: work in progress redesign of the blog. Some templates have been moved from chat to components to be re-used in other features, like blog here. Blog follows same global design as chat with a left panel to search/open blogs.
author Goffi <goffi@goffi.org>
date Wed, 21 May 2025 15:41:00 +0200
parents 66f98ee041d8
children
comparison
equal deleted inserted replaced
404:66f98ee041d8 405:5016fb0ff62f
11 11
12 12
13 13
14 <div class="columns is-gapless chat-container"> 14 <div class="columns is-gapless chat-container">
15 <!-- Left Panel --> 15 <!-- Left Panel -->
16 <div class="column is-2-desktop is-3-tablet chat-sidebar has-background-dark" id="left_panel"> 16 <div class="column is-2 left-sidebar has-background-dark" id="left_panel">
17 <aside class="menu pl-4"> 17 <aside class="menu pl-4">
18 <button class="button is-ghost has-text-grey-light mb-2 pl-1 is-align-items-center is-justify-content-start is-fullwidth" id="new_chat_btn" aria-label="Start new discussion"> 18 <button class="button is-ghost has-text-grey-light mb-2 pl-1 is-align-items-center is-justify-content-start is-fullwidth" id="new_chat_btn" aria-label="Start new discussion">
19 <span class="icon"> 19 <span class="icon">
20 <i class="fas fa-circle-plus"></i> 20 <i class="fas fa-circle-plus"></i>
21 </span> 21 </span>
37 <div id="direct-messages"></div> 37 <div id="direct-messages"></div>
38 </aside> 38 </aside>
39 </div> 39 </div>
40 40
41 <!-- Main Chat Area --> 41 <!-- Main Chat Area -->
42 <div class="column is-8-desktop is-6-tablet chat-main" id="main_panel"> 42 <div class="column is-8 main-panel chat-main" id="main_panel">
43 <div class="chat-header"> 43 <div class="panel-header">
44 <div class="level is-mobile"> 44 <div class="level is-mobile">
45 <div class="level-left"> 45 <div class="level-left">
46 <div class="level-item"> 46 <div class="level-item">
47 <button class="button is-small" id="left_panel-toggle" aria-label="Toggle left panel"> 47 <button class="button is-small" id="left_panel-toggle" aria-label="Toggle left panel">
48 <span class="icon"><i class="fas fa-bars"></i></span> 48 <span class="icon"><i class="fas fa-bars"></i></span>
105 105
106 106
107 107
108 <!-- Right Panel --> 108 <!-- Right Panel -->
109 109
110 <div class="column is-2-desktop is-3-tablet chat-details {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel"> 110 <div class="column is-2-desktop is-3-tablet right-sidebar {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel">
111 <div class="box is-shadowless has-background-white-bis is-full-height"> 111 <div class="box is-shadowless has-background-white-bis is-full-height">
112 <h3 class="title is-5 has-text-centered mb-4">Room Details</h3> 112 <h3 class="title is-5 has-text-centered mb-4">Room Details</h3>
113 113
114 {% if subject is defined %} 114 {% if subject is defined %}
115 {% call collapsible_card("Subject", icon="fas fa-quote-left") %} 115 {% call collapsible_card("Subject", icon="fas fa-quote-left") %}