github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-09-14 06:50:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update site-nav-toggle style

Browse Source
This commit is contained in:
Mimi 2026-08-20 11:12:58 +08:00
parent 6560fa6dd6
commit 96d34a0bb9
3 changed files with 10 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
layout/_partials/header/brand.njk
View File

@ -1,10 +1,8 @@
<div class="site-brand-container"> <div class="site-brand-container">
<div class="site-nav-toggle"> <div class="site-nav-search">
<div class="toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button"> <div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
{%- if theme.menu %} {%- if theme.algolia_search.enable or theme.local_search.enable %}
<span class="toggle-line"></span> <i class="fa fa-search fa-fw fa-lg"></i>
<span class="toggle-line"></span>
<span class="toggle-line"></span>
{%- endif %} {%- endif %}
</div> </div>
</div> </div>
@ -27,10 +25,10 @@
{%- endif %} {%- endif %}
</div> </div>
<div class="site-nav-right"> <div class="site-nav-toggle">
<div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button"> <div class="toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button">
{%- if theme.algolia_search.enable or theme.local_search.enable %} {%- if theme.menu %}
<i class="fa fa-search fa-fw fa-lg"></i> <i class="fa fa-ellipsis fa-fw fa-lg"></i>
{%- endif %} {%- endif %}
</div> </div>
</div> </div>

9
source/css/_common/outline/header/site-nav.styl
View File

@ -1,4 +1,4 @@
.site-nav-toggle, .site-nav-right { .site-nav-toggle, .site-nav-search {
display: none; display: none;
+mobile() { +mobile() {
@ -7,13 +7,6 @@
.toggle { .toggle {
color: var(--text-color); color: var(--text-color);
padding: 10px;
width: 22px;
.toggle-line {
background: var(--text-color);
border-radius: 1px;
}
} }
} }

6
source/css/_schemes/Pisces/_header.styl
View File

@ -20,16 +20,12 @@
padding: 20px 0; padding: 20px 0;
} }
.site-nav-toggle, .site-nav-right { .site-nav-toggle, .site-nav-search {
+tablet() { +tablet() {
flex-column(); flex-column();
} }
.toggle { .toggle {
color: white; color: white;
.toggle-line {
background: white;
}
} }
} }