diff options
| -rw-r--r-- | apioforum/static/style.css | 39 | ||||
| -rw-r--r-- | apioforum/templates/view_forum.html | 33 |
2 files changed, 43 insertions, 29 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css index 3cf825c..d0600c9 100644 --- a/apioforum/static/style.css +++ b/apioforum/static/style.css @@ -112,7 +112,6 @@ div.deleted-post { } .thread-top-bar-a { - flex-basis: fill; flex-wrap: wrap; margin-top: 5px; margin-bottom: 5px; @@ -120,7 +119,6 @@ div.deleted-post { } .thread-top-bar-b { - flex-basis: fill; margin-left: auto; box-sizing: border-box; } @@ -227,22 +225,29 @@ nav.pages .pageno { align-self: center; } .listing-main { display: flex; align-items: center; + flex-wrap: nowrap; } .listing-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; + display: inline-block; } -.listing-title a { +.listing-title, .listing-title a, .listing-title a:visited { text-decoration: none; - color: var(--read-colour); + color: var(--read-colour) !important; } -.unread .listing-title a { +.unread .listing-title, .unread .listing-title a, .unread .listing-title a:visited { text-decoration: underline; - color: var(--dark-colour); + color: var(--dark-colour) !important; +} + +a.listing-time { + text-decoration: none; + color: var(--dark-colour) !important; } .listing-header, .listing-box, .more-subforums summary { @@ -296,17 +301,29 @@ details[open].more-subforums { display: none; } } .thread-listing-creator { margin-right: 5px; } .listing-caption { - overflow: hidden; font-size: smaller; - white-space: nowrap; - text-overflow: ellipsis; margin-top: 10px; + white-space: nowrap; } -.thread-preview-post a, .thread-preview-post a:visited { + +a.thread-preview-post { color: var(--dark-colour); text-decoration: none; } -.thread-preview-post { font-style: italic; } + +.preview-caption { + display: flex; + gap: 6px; + flex-wrap: nowrap; + align-items: center; +} +.thread-preview-post { + display: inline-block; + flex-grow: 1; + text-overflow: ellipsis; + overflow: hidden; + font-style: italic; +} .thread-preview-ts { font-weight: bold; } .thread-vote-summary { diff --git a/apioforum/templates/view_forum.html b/apioforum/templates/view_forum.html index 8b61b3c..ca48f21 100644 --- a/apioforum/templates/view_forum.html +++ b/apioforum/templates/view_forum.html @@ -110,13 +110,12 @@ you do not have permission to create threads in this forum {% macro subforum_listing(subforum,hidden=False) %} <div class="listing {%if hidden%}hidden-subforum{%endif%}"> - <div class="listing-main {% if not is_read('forum', subforum.id) %}unread{% endif %}"> + <a class="listing-main {% if not is_read('forum', subforum.id) %}unread{% endif %}" + href="{{url_for('forum.view_forum',forum_id=subforum.id)}}"> <div class="listing-title"> - <a href="{{url_for('forum.view_forum',forum_id=subforum.id)}}"> - {{- subforum.name -}} - </a> + {{- subforum.name -}} </div> - </div> + </a> <div class="listing-caption"> {% if subforum.updated %} last activity {{ts(subforum.updated)}} ago @@ -147,11 +146,9 @@ you do not have permission to create threads in this forum {%for thread in threads%} <div class="listing"> <div class="listing-main {%if not is_read('thread', thread.id)%}unread{% endif %}"> - <div class="listing-title"> - <a href="{{url_for('thread.view_thread',thread_id=thread.id)}}"> - <abbr title="{{ thread.title }}" style="text-decoration:none">{{- thread.title -}}</abbr> - </a> - </div> + <a class="listing-title" href="{{url_for('thread.view_thread',thread_id=thread.id)}}"> + <abbr title="{{ thread.title }}" style="text-decoration:none">{{- thread.title -}}</abbr> + </a> <div class="thread-listing-tags"> {% for the_tag in thread_tags[thread.id] %} {{tag_in_forum(forum.id,the_tag)}} @@ -161,23 +158,23 @@ you do not have permission to create threads in this forum <div class="thread-listing-creator"> {{ disp_user(thread.creator) }} </div> - {{ ts(thread.created) }} + <a class="listing-time" href="{{url_for('thread.view_thread',thread_id=thread.id)}}"> + {{- ts(thread.created) -}} + </a> </div> </div> {% if not thread.mrp_deleted %} - <div class="listing-caption"> + <div class="listing-caption preview-caption"> {{ disp_user(thread.mrp_author) }} <span class="thread-preview-ts"> {{ ts(thread.mrp_created) }} </span> - <span class="thread-preview-post"> - <a href="{{post_jump(thread.mrp_id)}}"> - {{ thread.mrp_content[:500]|e }} - </a> - </span> + <a class="thread-preview-post" href="{{post_jump(thread.mrp_id)}}"> + {{ thread.mrp_content[:500]|e }} + </a> </div> {% else %} - <div class="listing-caption"> + <div class="listing-caption preview-caption"> <a class="thread-preview-post" href="{{post_jump(thread.mrp_id)}}"> latest post |