Mercurial > libervia-templates
view sat_templates/templates/default/static/forum.css @ 413:0190a0d32909 default tip
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 | 178f55b825b7 |
children |
line wrap: on
line source
.forums { margin: 2em auto 0 auto; width: 90%; } ul.forum { list-style: none; } ul.forum__panel_sub { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0 auto; } .forum__cat_sub { margin: 0.5em 1em; width: 25em; } .forum__cat_sub>a { border: 0.7rem solid #ddd; border-radius: 0.5em; display: block; padding: 1rem; margin-bottom: 1rem; text-decoration: none; color: inherit; } a.forum_active:hover { background-color: #43d2f6; } p.forum_short-desc { color: #666; margin: 0; font-size: 0.8em; } .forum__topics { margin-top: 3em; } .forum__topics>div { box-sizing: border-box; width: 80%; margin: 0.5em auto; padding: 0.2em 2em; background: #eee; } .forum__topics>:hover { background-color: #43d2f6; } .forum__topics img.avatar { vertical-align: middle; margin-right: 1em; } .forum__topics a { display: block; text-decoration: none; color: inherit; } .textbox input { width: 100%; box-sizing: border-box; } @media (min-width: 500px) { .textbox input { min-width: 26em; width: auto; } }