lichenblankie/tinyweb-forum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better forum page button layout: flex actions, bordered action links, cleaner thread list

Browse source
This commit is contained in:
lichenblankie 2026-06-05 04:21:13 +00:00
parent 3ba60178be
commit c1d47fcdcc
1 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
tinyweb_forum/handlers.py
View file

@ -45,12 +45,21 @@ FORUM_CSS = """
.forum-form label.checkbox-label { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.forum-form label.inline-label { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 8px; white-space: nowrap; }
.forum-form small { display: block; margin-bottom: 8px; }
.forum-actions { margin: 0.5rem 0; }
.forum-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0.5rem 0; }
.forum-actions form { display: inline; }
.forum-actions input[name=q] { width: 180px; padding: 6px 10px; }
a.forum-action, a.forum-action-inline {
color: #5a7880; text-decoration: none; border-bottom: none; font-size: 0.85rem;
padding: 6px 12px; border: 1px solid rgba(40, 70, 65, 0.3); border-radius: 4px;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
a.forum-action:hover, a.forum-action-inline:hover { color: #90b4ac; border-bottom: none; }
a.forum-action:hover, a.forum-action-inline:hover { color: #90b4ac; border-color: rgba(80, 130, 110, 0.5); background: rgba(10, 22, 25, 0.6); }
a.forum-action-inline { padding: 2px 6px; border: none; }
a.forum-action-inline:hover { border: none; }
p.meta { font-size: 0.85rem; color: #3a5560; }
.forum-list { list-style: none; padding-left: 0; }
.forum-list li { padding: 0.6rem 0; border-bottom: 1px solid rgba(30, 55, 50, 0.2); }
.forum-list li:last-child { border-bottom: none; }
.forum-form input[type=text], .forum-form input[type=url] { font-family: inherit; }
.forum .post { border-left-color: rgba(40, 70, 65, 0.3); }
</style>"""
@ -263,7 +272,7 @@ class ForumHandlers:
f' {muted_link}'
f"</div>"
f"<p class=\"meta\">{total} threads{new_label}</p>"
f"<ul>{items}</ul>"
f'<ul class="forum-list">{items}</ul>'
f"{self._page_nav(page, total, page_url)}"
)