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

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
line wrap: on
line diff
--- a/sat_templates/templates/bulma/chat/chat.html	Tue May 06 00:37:41 2025 +0200
+++ b/sat_templates/templates/bulma/chat/chat.html	Wed May 21 15:41:00 2025 +0200
@@ -13,7 +13,7 @@
 
     <div class="columns is-gapless chat-container">
         <!-- Left Panel -->
-        <div class="column is-2-desktop is-3-tablet chat-sidebar has-background-dark" id="left_panel">
+        <div class="column is-2 left-sidebar has-background-dark" id="left_panel">
             <aside class="menu pl-4">
                 <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">
                     <span class="icon">
@@ -39,8 +39,8 @@
         </div>
 
         <!-- Main Chat Area -->
-        <div class="column is-8-desktop is-6-tablet chat-main" id="main_panel">
-                <div class="chat-header">
+        <div class="column is-8 main-panel chat-main" id="main_panel">
+                <div class="panel-header">
                     <div class="level is-mobile">
                         <div class="level-left">
                             <div class="level-item">
@@ -107,7 +107,7 @@
 
         <!-- Right Panel -->
 
-        <div class="column is-2-desktop is-3-tablet chat-details {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel">
+        <div class="column is-2-desktop is-3-tablet right-sidebar {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel">
             <div class="box is-shadowless has-background-white-bis is-full-height">
                 <h3 class="title is-5 has-text-centered mb-4">Room Details</h3>