Drawwell/SandpointsTheme
Drawwell/SandpointsTheme
3
1
Fork 1
Code Issues 11 Pull requests Releases Wiki Activity

simpler gloss

Browse source
This commit is contained in:
Marcell Mars 2020-12-05 23:14:18 +01:00
parent 598ed03c9b
commit e77911aeac
2 changed files with 14 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
assets/css/site.css
View file

@ -886,19 +886,9 @@ details {
}
.gloss {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(3, 1fr);*/
gap: 0px 0px;
grid-template-areas:
"glosstop"
"glossmiddle"
"glossbottom";
grid-area: gloss;
}
.glosstop { grid-area: glosstop; }
.glossbottom { grid-area: glossbottom; }
.glossmiddle { grid-area: glossmiddle; }
.glossnumber {
grid-area: glossnumber;
}
@ -907,15 +897,14 @@ details {
content: "(" counter(glossN) ")";
padding-right: 0.3rem;
}
.glossline {
border-bottom: lightgray solid 1px;
border-top: lightgray solid 1px;
}
.glosswords {
display: inline-block;
margin-left: -0.3rem;
}
.glossword {
margin-left: 0.3rem;
margin-right: 0.5rem;
padding-left: -0.3rem;
padding-right: 1rem;
}
@media (max-width: 767px) {

17
layouts/shortcodes/gloss.html
View file

@ -1,26 +1,23 @@
{{ $inn := .Inner | $.Page.RenderString }}
<div class="glosscontainer">
<div class="gloss">
{{- range $g := split .Inner "\n" -}}
{{- if hasPrefix $g "{t}" -}}
<div class="glosstop">
{{- range $g := (split $inn "\n") -}}
{{- if hasPrefix $g "{r}" -}}
<div class="glossregular">
{{- substr $g 3 -}}
</div>
{{- else if hasPrefix $g "{m}" -}}
<div class="glossmiddle">
{{- else if hasPrefix $g "{g}" -}}
<div class="glossline">
{{- range (split (substr $g 3) "|") -}}
{{- with . -}}
<div class="glosswords">
{{- range (split . "," ) -}}
<div class="glossword">{{- . -}}</div>
<div class="glossword">{{- . | htmlUnescape | safeHTML -}}</div>
{{- end -}}
</div>
{{- end -}}
{{- end -}}
</div>
{{- else if hasPrefix $g "{b}" -}}
<div class="glossbottom">
{{- substr $g 3 -}}
</div>
{{- end -}}
{{- end -}}
</div>