Compare commits

...

4 Commits

Author SHA1 Message Date
Jakub
a540c7b60a re-add whitespace to lang switch label 2024-02-16 21:48:44 -05:00
Jakub
06b6982c1b fix dropdowns not animating 2024-02-16 21:43:03 -05:00
Jakub
3b62ff8a12 remove poiner events from plain text in calendar 2024-02-16 21:26:25 -05:00
Jakub
ade686db21 Remove whitepsace 2024-02-16 21:26:00 -05:00
4 changed files with 29 additions and 25 deletions

View File

@ -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>

View File

@ -58,4 +58,4 @@
</div>
{{ end }}
</div>
</div>
</div>

View File

@ -37,6 +37,7 @@
text-align: center;
background-color: var(--cal-month-bg);
color: var(--cal-month-fg);
pointer-events: none;
}
.days {
@ -52,6 +53,7 @@
width: 100%;
margin: 0;
padding: 0;
pointer-events: none;
}
.weekdays p {
@ -100,6 +102,7 @@
.day-num {
font-size: 48px;
pointer-events: none;
}
.day:has(>.event) .day-num {
@ -110,4 +113,4 @@
color: var(--cal-event-fg);
background-color: var(--cal-event-bg);
}

View File

@ -118,7 +118,7 @@ a.home-link { display: none; }
.menu-btn:checked ~ .menu .menu-entries {
/* Reveal Entries */
height: auto;
max-height: 75%; /* May Need to be change manually for nav lists */
max-height: 750px; /* May Need to be change manually for nav lists */
overflow: scroll;
}
@ -365,7 +365,6 @@ 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;
@ -373,8 +372,10 @@ blockquote.location p { padding: inherit; }
right: 0;
overflow: hidden;
transition: 400ms;
transition-property: all;
height: 0;
max-height: 0;
transition-property: all;
transition: 400ms;
}
/* Links inside the lang-switch */
@ -388,7 +389,7 @@ blockquote.location p { padding: inherit; }
/* Show the lang-switch menu on hover */
.lang-btn:checked ~ .translation-list {
height: auto;
max-height: 70px;
max-height: 100px;
}
@media screen and (min-width: 1040px) {