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

View File

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

View File

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

View File

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

View File

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