Mercurial > libervia-templates

diff sat_templates/templates/bulma/static/styles.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 a5588ea3bcd6
children
line wrap: on
line diff
--- a/sat_templates/templates/bulma/static/styles.css	Sun Aug 31 12:38:49 2025 +0200
+++ b/sat_templates/templates/bulma/static/styles.css	Fri Sep 05 21:54:09 2025 +0200
@@ -64,6 +64,12 @@
     padding-top: 0.225em;
 }
 
+
+.is-text-content {
+    white-space: break-spaces;
+}
+
+
 .avatar {
     width: 40px;
     height: 40px;
@@ -85,7 +91,6 @@
     background-color: var(--selected-item-bg);
 }
 
-
 .collapsible-content {
     overflow: hidden;
     max-height: 0;
@@ -315,6 +320,49 @@
     transform: translateY(100%) !important;
 }
 
+.thumbnail-image {
+    max-height: 100%;
+}
+
+/* Tags */
+
+.tag_input {
+    display: inline-block;
+    width: 6rem;
+}
+
+/* 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;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding: 1.25rem 0;
+    margin: 0;
+    white-space: nowrap;
+}
+
+.attachments.is-contracted {
+    opacity: 0;
+    max-height: 0;
+    padding: 0;
+}
+
+.attachment-preview {
+    position: relative;
+    border: 1px solid #dbdbdb;
+    padding: 0.3rem 0.5rem;
+    border-radius: 4px;
+    background-color: #f5f5f5;
+    margin: 0 1rem 0 0 !important;
+    width: 9rem;
+}
+
+.progress_finished progress {
+    opacity: 0;
+}
 
 /* Responsive */