Mercurial > libervia-templates

diff sat_templates/templates/bulma/static/chat.css @ 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
line wrap: on
line diff
--- a/sat_templates/templates/bulma/static/chat.css	Tue May 06 00:37:41 2025 +0200
+++ b/sat_templates/templates/bulma/static/chat.css	Wed May 21 15:41:00 2025 +0200
@@ -13,24 +13,6 @@
     --message-background: #f5f5f5;
     --message-hover-background: #e8e8e8;
 
-    /* Reaction colors */
-    --reaction-background: #ffffff;
-    --reaction-hover-background: #f5f5f5;
-    --reaction-border: #dbdbdb;
-
-    /* User reaction colors */
-    --reaction-user-background: #eef6fc;
-    --reaction-user-hover-background: #e3f1fc;
-    --reaction-user-border: #3273dc;
-
-    /* Spacing */
-    --reaction-padding: 0.25rem 0.5rem;
-    --reaction-gap: 0.5rem;
-    --reaction-margin-top: 0.5rem;
-
-    /* Typography */
-    --reaction-font-size: 0.875rem;
-    --reaction-counter-font-size: 0.75rem;
 }
 
 [data-theme="dark"] .chat-main {
@@ -40,13 +22,6 @@
     --message-background: #363636;
     --message-hover-background: #404040;
 
-    --reaction-background: #2c2c2c;
-    --reaction-hover-background: #404040;
-    --reaction-border: #4a4a4a;
-
-    --reaction-user-background: #1a3b5c;
-    --reaction-user-hover-background: #234875;
-    --reaction-user-border: #3273dc;
 }
 
 .chat-container {
@@ -60,42 +35,6 @@
     flex-direction: column;
 }
 
-.chat-header {
-    border-bottom: 1px solid #dbdbdb;
-    padding: 0.5rem 1rem;
-}
-
-
-/* Sidebar toggle transitions */
-.chat-sidebar, .chat-details {
-    transition: transform 0.3s ease, max-width 0.3s ease, opacity 0.3s ease;
-    overflow-x: hidden;
-}
-
-.chat-sidebar.is-collapsed {
-    transform: translateX(-100%);
-    max-width: 0;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-}
-
-.chat-details.is-collapsed {
-    transform: translateX(100%);
-    max-width: 0;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-}
-
-.chat-main.is-expanded-left {
-    margin-left: 0;
-}
-
-.chat-main.is-expanded-right {
-    margin-right: 0;
-}
-
 .columns.is-gapless.chat-container {
     flex-wrap: nowrap;
 }
@@ -113,10 +52,6 @@
     background-color: inherit;
 }
 
-#left_panel a:hover {
-    background-color: #444;
-}
-
 .chat-input {
     border-top: 1px solid #dbdbdb;
     padding: 1rem;
@@ -153,41 +88,6 @@
     display: flex;
 }
 
-.reactions-container {
-    gap: var(--reaction-gap);
-    margin-top: var(--reaction-margin-top);
-}
-.reaction {
-    padding: var(--reaction-padding);
-    border-radius: 1rem;
-    background-color: var(--reaction-background);
-    font-size: var(--reaction-font-size);
-    cursor: pointer;
-    transition: all 0.2s ease;
-    border: 1px solid var(--reaction-border);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.reaction:hover {
-    background-color: var(--reaction-hover-background);
-}
-
-.reaction .counter {
-    margin-left: 0.25rem;
-    font-size: var(--reaction-counter-font-size);
-    color: var(--color-text);
-}
-
-.reaction.own-reaction {
-    background-color: var(--reaction-user-background);
-    border-color: var(--reaction-user-border);
-}
-
-.reaction.own-reaction:hover {
-    background-color: var(--reaction-user-hover-background);
-}
-
-
 #attachments {
     overflow-x: auto;
     white-space: nowrap;