forked from jakub/jakubb-hugo
Compare commits
No commits in common. "a540c7b60a1c9bf9bac1e8597b7041d13c9f69b7" and "f21dc85430698a5e521f82fefbafed559facaacd" have entirely different histories.
a540c7b60a
...
f21dc85430
@ -2,7 +2,7 @@
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
|
||||
<div class="menu" >
|
||||
<a href="/{{- .Language.LanguageCode -}}" class="logo" >{{- .Site.Title -}}</a>
|
||||
<a href="/{{ .Language.LanguageCode }}" class="logo" >{{ .Site.Title }}</a>
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<div class="hamburger" onclick="myFunction(this)">
|
||||
<div class="bar1"></div>
|
||||
@ -17,31 +17,31 @@
|
||||
</label>
|
||||
|
||||
<div class="menu-entries">
|
||||
{{- range.Site.Menus.main -}}
|
||||
{{- if eq .Identifier "home" -}}
|
||||
<a class="home-link" href="{{- .URL -}}">{{- .Name -}}</a>
|
||||
{{- else -}}
|
||||
<a href="{{- .URL -}}">{{- .Name -}}</a>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- if gt (len .Site.Languages) 1 -}}
|
||||
{{- if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated -}}
|
||||
{{- errorf "Error: %s is missing atleast 1 translation" .RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{ range.Site.Menus.main }}
|
||||
{{ if eq .Identifier "home" }}
|
||||
<a class="home-link" href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ else }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if gt (len .Site.Languages) 1 }}
|
||||
{{ if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated }}
|
||||
{{ errorf "Error: %s is missing atleast 1 translation" .RelPermalink }}
|
||||
{{ end }}
|
||||
<div class="lang-switch" >
|
||||
<input class="lang-btn" type="checkbox" id="lang-btn" />
|
||||
<label class="lang-switch" for="lang-btn">
|
||||
<a>{{ .Language.LanguageName }} ⏷</a>
|
||||
</label>
|
||||
<div class="translation-list" >
|
||||
{{- with .Translations -}}
|
||||
{{- range . -}}
|
||||
<a href="{{- .RelPermalink -}}"> {{- .Language.LanguageName -}}</a>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{ with .Translations }}
|
||||
{{ range . }}
|
||||
<a href="{{ .RelPermalink }}"> {{ .Language.LanguageName }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
@ -37,7 +37,6 @@
|
||||
text-align: center;
|
||||
background-color: var(--cal-month-bg);
|
||||
color: var(--cal-month-fg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.days {
|
||||
@ -53,7 +52,6 @@
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.weekdays p {
|
||||
@ -102,7 +100,6 @@
|
||||
|
||||
.day-num {
|
||||
font-size: 48px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.day:has(>.event) .day-num {
|
||||
|
@ -118,7 +118,7 @@ a.home-link { display: none; }
|
||||
.menu-btn:checked ~ .menu .menu-entries {
|
||||
/* Reveal Entries */
|
||||
height: auto;
|
||||
max-height: 750px; /* May Need to be change manually for nav lists */
|
||||
max-height: 75%; /* May Need to be change manually for nav lists */
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@ -365,6 +365,7 @@ blockquote.location p { padding: inherit; }
|
||||
/* lang-switch content (hidden by default) */
|
||||
.translation-list {
|
||||
display: block;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
background-color: var(--langs-bg);
|
||||
width: 120px;
|
||||
@ -372,10 +373,8 @@ blockquote.location p { padding: inherit; }
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
|
||||
height: 0;
|
||||
max-height: 0;
|
||||
transition-property: all;
|
||||
transition: 400ms;
|
||||
transition: 400ms;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
/* Links inside the lang-switch */
|
||||
@ -389,7 +388,7 @@ blockquote.location p { padding: inherit; }
|
||||
/* Show the lang-switch menu on hover */
|
||||
.lang-btn:checked ~ .translation-list {
|
||||
height: auto;
|
||||
max-height: 100px;
|
||||
max-height: 70px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1040px) {
|
||||
|
Loading…
Reference in New Issue
Block a user