add css class for horizontal lists

This commit is contained in:
2025-11-27 17:11:57 +03:00
parent 1a3c015612
commit 04fd3f5d20
5 changed files with 35 additions and 32 deletions

View File

@@ -12,7 +12,7 @@
{% 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>
<ul> <ul class="horizontal">
<li><a href="{{ url_for("users.settings", username = user.username) }}">Settings</a></li> <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> <li><a href="{{ url_for("users.inbox", username = user.username) }}">Inbox</a></li>
{% if config.DISABLE_SIGNUP and user.can_invite() %} {% if config.DISABLE_SIGNUP and user.can_invite() %}

View File

@@ -64,13 +64,6 @@ 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;
@@ -1163,6 +1156,14 @@ ul, ol {
padding: 0; padding: 0;
} }
ul.horizontal, ol.horizontal {
display: inline;
margin-left: 0;
}
ul.horizontal li, ol.horizontal li {
display: inline list-item;
}
.new-concept-notification.hidden { .new-concept-notification.hidden {
display: none; display: none;
} }

View File

@@ -64,13 +64,6 @@ 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;
@@ -1163,6 +1156,14 @@ ul, ol {
padding: 0; padding: 0;
} }
ul.horizontal, ol.horizontal {
display: inline;
margin-left: 0;
}
ul.horizontal li, ol.horizontal li {
display: inline list-item;
}
.new-concept-notification.hidden { .new-concept-notification.hidden {
display: none; display: none;
} }

View File

@@ -64,13 +64,6 @@ 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;
@@ -1163,6 +1156,14 @@ ul, ol {
padding: 0; padding: 0;
} }
ul.horizontal, ol.horizontal {
display: inline;
margin-left: 0;
}
ul.horizontal li, ol.horizontal li {
display: inline list-item;
}
.new-concept-notification.hidden { .new-concept-notification.hidden {
display: none; display: none;
} }

View File

@@ -177,20 +177,10 @@ 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;
@@ -1083,6 +1073,16 @@ ul, ol {
padding: $list_padding; padding: $list_padding;
} }
$horizontal_list_margin_left: 0 !default;
ul.horizontal, ol.horizontal {
display: inline;
margin-left: $horizontal_list_margin_left;
& li {
display: inline list-item;
}
}
.new-concept-notification.hidden { .new-concept-notification.hidden {
display: none; display: none;
} }