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" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<div class="menu" > <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"> <label class="menu-icon" for="menu-btn">
<div class="hamburger" onclick="myFunction(this)"> <div class="hamburger" onclick="myFunction(this)">
<div class="bar1"></div> <div class="bar1"></div>
@ -17,31 +17,31 @@
</label> </label>
<div class="menu-entries"> <div class="menu-entries">
{{ range.Site.Menus.main }} {{- range.Site.Menus.main -}}
{{ if eq .Identifier "home" }} {{- if eq .Identifier "home" -}}
<a class="home-link" href="{{ .URL }}">{{ .Name }}</a> <a class="home-link" href="{{- .URL -}}">{{- .Name -}}</a>
{{ else }} {{- else -}}
<a href="{{ .URL }}">{{ .Name }}</a> <a href="{{- .URL -}}">{{- .Name -}}</a>
{{ end }} {{- end -}}
{{ end }} {{- end -}}
{{ if gt (len .Site.Languages) 1 }} {{- if gt (len .Site.Languages) 1 -}}
{{ if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated }} {{- if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated -}}
{{ errorf "Error: %s is missing atleast 1 translation" .RelPermalink }} {{- errorf "Error: %s is missing atleast 1 translation" .RelPermalink -}}
{{ end }} {{- end -}}
<div class="lang-switch" > <div class="lang-switch" >
<input class="lang-btn" type="checkbox" id="lang-btn" /> <input class="lang-btn" type="checkbox" id="lang-btn" />
<label class="lang-switch" for="lang-btn"> <label class="lang-switch" for="lang-btn">
<a>{{ .Language.LanguageName }} ⏷</a> <a>{{ .Language.LanguageName }} ⏷</a>
</label> </label>
<div class="translation-list" > <div class="translation-list" >
{{ with .Translations }} {{- with .Translations -}}
{{ range . }} {{- range . -}}
<a href="{{ .RelPermalink }}"> {{ .Language.LanguageName }}</a> <a href="{{- .RelPermalink -}}"> {{- .Language.LanguageName -}}</a>
{{ end }} {{- end -}}
{{ end }} {{- end -}}
</div> </div>
</div> </div>
{{ end }} {{- end -}}
</div> </div>
</div> </div>
</header> </header>

View File

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

View File

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

View File

@ -118,7 +118,7 @@ a.home-link { display: none; }
.menu-btn:checked ~ .menu .menu-entries { .menu-btn:checked ~ .menu .menu-entries {
/* Reveal Entries */ /* Reveal Entries */
height: auto; 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; overflow: scroll;
} }
@ -365,7 +365,6 @@ blockquote.location p { padding: inherit; }
/* lang-switch content (hidden by default) */ /* lang-switch content (hidden by default) */
.translation-list { .translation-list {
display: block; display: block;
height: 0;
position: absolute; position: absolute;
background-color: var(--langs-bg); background-color: var(--langs-bg);
width: 120px; width: 120px;
@ -373,8 +372,10 @@ blockquote.location p { padding: inherit; }
right: 0; right: 0;
overflow: hidden; overflow: hidden;
transition: 400ms; height: 0;
transition-property: all; max-height: 0;
transition-property: all;
transition: 400ms;
} }
/* Links inside the lang-switch */ /* Links inside the lang-switch */
@ -388,7 +389,7 @@ blockquote.location p { padding: inherit; }
/* Show the lang-switch menu on hover */ /* Show the lang-switch menu on hover */
.lang-btn:checked ~ .translation-list { .lang-btn:checked ~ .translation-list {
height: auto; height: auto;
max-height: 70px; max-height: 100px;
} }
@media screen and (min-width: 1040px) { @media screen and (min-width: 1040px) {