make top navlinks into <ul>

This commit is contained in:
2025-11-27 03:04:05 +03:00
parent d0c82cf9a9
commit fefdbdb493
5 changed files with 45 additions and 29 deletions

View File

@@ -12,22 +12,19 @@
{% else %}
{% with user = get_active_user() %}
Welcome, <a href="{{ url_for("users.page", username = user.username) }}">{{user.username}}</a>
&bullet;
<a href="{{ url_for("users.settings", username = user.username) }}">Settings</a>
&bullet;
<a href="{{ url_for("users.inbox", username = user.username) }}">Inbox</a>
<ul>
<li><a href="{{ url_for("users.settings", username = user.username) }}">Settings</a></li>
<li><a href="{{ url_for("users.inbox", username = user.username) }}">Inbox</a></li>
{% if config.DISABLE_SIGNUP and user.can_invite() %}
&bullet;
<a href="{{ url_for('users.invite_links', username=user.username )}}">Invite to {{ config.SITE_NAME }}</a>
<li><a href="{{ url_for('users.invite_links', username=user.username )}}">Invite to {{ config.SITE_NAME }}</a></li>
{% endif %}
{% if not user.is_guest() %}
&bullet;
<a href="{{ url_for('users.bookmarks', username=user.username) }}">Bookmarks</a>
<li><a href="{{ url_for('users.bookmarks', username=user.username) }}">Bookmarks</a></li>
{% endif %}
{% if user.is_mod() %}
&bullet;
<a href="{{ url_for("mod.user_list") }}">User list</a>
<li><a href="{{ url_for("mod.user_list") }}">User list</a></li>
{% endif %}
</ul>
{% endwith %}
{% endif %}
</span>

View File

@@ -64,6 +64,13 @@ a:visited {
justify-content: space-between;
align-items: baseline;
}
#topnav ul {
display: inline;
margin-left: 0;
}
#topnav ul li {
display: inline list-item;
}
#bottomnav {
padding: 10px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
display: inline-flex;
}
svg.icon {
pointer-events: none;
}
.post-img-container {
display: flex;
flex-wrap: wrap;

View File

@@ -64,6 +64,13 @@ a:visited {
justify-content: space-between;
align-items: baseline;
}
#topnav ul {
display: inline;
margin-left: 0;
}
#topnav ul li {
display: inline list-item;
}
#bottomnav {
padding: 10px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
display: inline-flex;
}
svg.icon {
pointer-events: none;
}
.post-img-container {
display: flex;
flex-wrap: wrap;

View File

@@ -64,6 +64,13 @@ a:visited {
justify-content: space-between;
align-items: baseline;
}
#topnav ul {
display: inline;
margin-left: 0;
}
#topnav ul li {
display: inline list-item;
}
#bottomnav {
padding: 6px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
display: inline-flex;
}
svg.icon {
pointer-events: none;
}
.post-img-container {
display: flex;
flex-wrap: wrap;

View File

@@ -177,10 +177,20 @@ a{
}
$topnav_color: $ACCENT_COLOR !default;
$topnav_list_margin_left: 0 !default;
#topnav {
@include navbar($topnav_color);
justify-content: space-between;
align-items: baseline;
& ul {
display: inline;
margin-left: $topnav_list_margin_left;
}
& ul li {
display: inline list-item;
}
}
$bottomnav_color: $DARK_1 !default;
@@ -769,7 +779,7 @@ $thread_locked_background: none !default;
}
svg.icon {
pointer-events: none;
// pointer-events: none;
}
$post_img_container_gap: $SMALL_PADDING !default;