nav reorganize

This commit is contained in:
anarsec 2024-11-24 11:43:25 -05:00
parent e8ed48eecd
commit e6e2300a92
No known key found for this signature in database
3 changed files with 12 additions and 8 deletions

View file

@ -582,21 +582,22 @@ a
.menu-list a.is-active .menu-list a.is-active
background-color: #AE3B8B background-color: #AE3B8B
li.lang-switcher .lang-switcher
list-style: none list-style: none
cursor: pointer cursor: pointer
padding: .5rem .75rem
.lang-switcher .lang-switcher-icon .lang-switcher .lang-switcher-icon
width: 1.25rem
height: 1.25rem
margin-top: 0.5rem
.dropdown .dropdown
padding: 0 padding: .5rem .75rem
.nav .nav
padding: .5rem .75rem padding: .5rem .75rem
.nav-left
margin-left: 0 !important
.dropdown .dropdown-content .dropdown .dropdown-content
text-align: center text-align: center
@ -606,6 +607,7 @@ li.lang-switcher
display: flex display: flex
flex-direction: row flex-direction: row
right: 0 right: 0
top: 100%
.dropdown-lang .dropdown-lang
background-color: #f5f5f5 background-color: #f5f5f5

View file

@ -57,7 +57,7 @@
</a> </a>
</div> </div>
<div class="navbar-menu" id="navMenu"> <div class="navbar-menu" id="navMenu">
<div class="navbar-end has-text-centered"> <div class="navbar-end nav-left has-text-left">
{% for item in config.extra.navbar_items %} {% for item in config.extra.navbar_items %}
{% if lang == item.code %} {% if lang == item.code %}
{% for nav in item.nav_items %} {% for nav in item.nav_items %}
@ -67,6 +67,8 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div>
<div class="navbar-end has-text-centered">
{% if lang == 'en' %} {% if lang == 'en' %}
<a class="navbar-item" id="nav-search" title="{{ trans(key="search", lang=lang) }}" href="/search" target="_blank" rel="noopener noreferrer"> <a class="navbar-item" id="nav-search" title="{{ trans(key="search", lang=lang) }}" href="/search" target="_blank" rel="noopener noreferrer">
{% endif %} {% endif %}

View file

@ -1,7 +1,7 @@
<details class="dropdown lang-switcher navbar-item navbar-link is-arrowless has-text-weight-semibold"> <details class="dropdown lang-switcher navbar-item navbar-link is-arrowless has-text-weight-semibold">
<summary class="nav" role="button" aria-haspopup="true" title="{{ trans(key="language_selection", lang=lang) }}" aria-label="{{ trans(key="language_selection", lang=lang) }}"> <summary class="nav" role="button" aria-haspopup="true" title="{{ trans(key="language_selection", lang=lang) }}" aria-label="{{ trans(key="language_selection", lang=lang) }}">
<span class="lang-switcher-icon icon is-small"> <span class="lang-switcher-icon">
<img src="/images/globe.png"> {{ trans(key="language_selection", lang=lang) }}
</span> </span>
</summary> </summary>
<div class="dropdown-content" role="menu"> <div class="dropdown-content" role="menu">