highlight current page in navbar
This commit is contained in:
parent
521cc5f5e7
commit
8558623ad8
8 changed files with 20 additions and 11 deletions
|
@ -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;
|
||||
|
|
2
common/static/css/boofilsic.min.css
vendored
2
common/static/css/boofilsic.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue