highlight current page in navbar

This commit is contained in:
Te Llamas 2022-12-09 19:43:02 +00:00
parent 521cc5f5e7
commit 8558623ad8
8 changed files with 20 additions and 11 deletions

View file

@ -461,6 +461,11 @@ select::placeholder {
color: #606c76;
}
.navbar .current {
color: #00a1cc;
font-weight: bold;
}
.navbar .navbar__search-box {
margin: 0 12% 0 15px;
display: inline-flex;

File diff suppressed because one or more lines are too long

View file

@ -35,6 +35,10 @@
&:visited
color: $color-secondary
.current
color: $color-primary
font-weight: bold
& &__search-box
margin: 0 12% 0 15px
display: inline-flex

View file

@ -23,13 +23,13 @@
</div>
<button class="navbar__dropdown-btn">• • •</button>
<ul class="navbar__link-list">
{% if request.user.is_authenticated %}
<a class="navbar__link" href="{% url 'users:home' request.user.mastodon_username %}">{% trans '主页' %}</a>
<a class="navbar__link" href="{% url 'timeline:timeline' %}">{% trans '动态' %}</a>
<a class="navbar__link" id="logoutLink" href="{% url 'users:data' %}">{% trans '数据' %}</a>
<a class="navbar__link" id="logoutLink" href="{% url 'users:preferences' %}">{% trans '设置' %}</a>
<a class="navbar__link {% if current == 'home' %}current{% endif %}" href="{% url 'users:home' request.user.mastodon_username %}">{% trans '主页' %}</a>
<a class="navbar__link {% if current == 'timeline' %}current{% endif %}" href="{% url 'timeline:timeline' %}">{% trans '动态' %}</a>
<a class="navbar__link {% if current == 'data' %}current{% endif %}" href="{% url 'users:data' %}">{% trans '数据' %}</a>
<a class="navbar__link {% if current == 'preferences' %}current{% endif %}" href="{% url 'users:preferences' %}">{% trans '设置' %}</a>
<a class="navbar__link" id="logoutLink" href="{% url 'users:logout' %}">{% trans '登出' %}</a>
{% if request.user.is_staff %}
<a class="navbar__link" href="{% admin_url %}">{% trans '后台' %}</a>

View file

@ -43,7 +43,7 @@
<body>
<div id="page-wrapper">
<div id="content-wrapper">
{% include "partial/_navbar.html" %}
{% include "partial/_navbar.html" with current="timeline" %}
<section id="content" class="container">
<div class="grid grid--reverse-order">

View file

@ -20,7 +20,7 @@
<body>
<div id="page-wrapper">
<div id="content-wrapper">
{% include "partial/_navbar.html" %}
{% include "partial/_navbar.html" with current="data" %}
<section id="content">
<div class="grid grid--reverse-order">

View file

@ -27,7 +27,7 @@
<body>
<div id="page-wrapper">
<div id="content-wrapper">
{% include "partial/_navbar.html" %}
{% include "partial/_navbar.html" with current="home" %}
<section id="content">
<div class="grid grid--reverse-order">

View file

@ -20,7 +20,7 @@
<body>
<div id="page-wrapper">
<div id="content-wrapper">
{% include "partial/_navbar.html" %}
{% include "partial/_navbar.html" with current="preferences" %}
<section id="content">
<div class="grid grid--reverse-order">