Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-28 19:43:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(sidebar): Simplify styles

Browse Source 
Co-authored-by: Jimmy Cai <hi@jimmycai.com>
This commit is contained in:
Jiahao Li 2024-03-10 21:01:23 +02:00 committed by Jimmy Cai
parent 3074b4a676
commit de18f408a5
2 changed files with 28 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/scss/partials/menu.scss
View File

@ -141,12 +141,14 @@
margin: 0 calc(var(--container-padding) * -1); margin: 0 calc(var(--container-padding) * -1);
padding: 30px 30px; padding: 30px 30px;
@include respond(xl) { @include respond(xl) {
padding: 15px 0; padding: 15px 0;
} }
& { &, .menu-bottom-section ol {
gap: 30px; gap: 30px;
@include respond(xl) { @include respond(xl) {
gap: 25px; gap: 25px;
} }
@ -165,10 +167,6 @@
margin: 0; margin: 0;
} }
li:last-of-type {
margin-top: auto;
}
li { li {
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
@ -204,18 +202,15 @@
} }
} }
.menu-bottom-section { &.menu-bottom-section {
margin-top: auto;
ol { ol {
margin-top: auto; margin-top: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
gap: 30px;
@include respond(xl) {
gap: 25px;
}
} }
} }
} }

46
layouts/partials/sidebar/left.html
View File

@ -74,32 +74,30 @@
</a> </a>
</li> </li>
{{ end }} {{ end }}
<li> <li class="menu-bottom-section">
<div class="menu-bottom-section"> <ol class="menu">
<ol class="menu"> {{- $currentLanguageCode := .Language.Lang -}}
{{- $currentLanguageCode := .Language.Lang -}} {{ if ( compare.Gt .Site.Home.AllTranslations.Len 1 ) }}
{{ if ( compare.Gt .Site.Home.AllTranslations.Len 1 ) }} {{ with .Site.Home.AllTranslations }}
{{ with .Site.Home.AllTranslations }} <li id="i18n-switch">
<li id="i18n-switch"> {{ partial "helper/icon" "language" }}
{{ partial "helper/icon" "language" }} <select name="language" title="language" onchange="window.location.href = this.selectedOptions[0].value">
<select name="language" title="language" onchange="window.location.href = this.selectedOptions[0].value"> {{ range . }}
{{ range . }} <option value="{{ .Permalink }}" {{ if eq .Language.Lang $currentLanguageCode }}selected{{ end }}>{{ .Language.LanguageName }}</option>
<option value="{{ .Permalink }}" {{ if eq .Language.Lang $currentLanguageCode }}selected{{ end }}>{{ .Language.LanguageName }}</option> {{ end }}
{{ end }} </select>
</select>
</li>
{{ end }}
{{ end }}
{{ if (default false .Site.Params.colorScheme.toggle) }}
<li id="dark-mode-toggle">
{{ partial "helper/icon" "toggle-left" }}
{{ partial "helper/icon" "toggle-right" }}
<span>{{ T "darkMode" }}</span>
</li> </li>
{{ end }} {{ end }}
</ol> {{ end }}
</div>
{{ if (default false .Site.Params.colorScheme.toggle) }}
<li id="dark-mode-toggle">
{{ partial "helper/icon" "toggle-left" }}
{{ partial "helper/icon" "toggle-right" }}
<span>{{ T "darkMode" }}</span>
</li>
{{ end }}
</ol>
</li> </li>
</ol> </ol>
</aside> </aside>