jp/www.byjp.me
1
0
Fork 0
mirror of https://github.com/by-jp/www.byjp.me.git synced 2025-08-09 01:35:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add emoji to posts list

Browse source
This commit is contained in:
JP Hastings-Spital 2023-05-24 08:18:25 +01:00
parent ecd37bf586
commit e24c0c7bef
2 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
themes/hello-friend-ng/assets/scss/_list.scss
View file

@ -73,6 +73,11 @@
align-items: baseline; align-items: baseline;
padding: 12px 0; padding: 12px 0;
text-decoration: none; text-decoration: none;
position: relative;
&:hover .post-emoji {
opacity: 1;
}
} }
} }
@ -81,5 +86,13 @@
margin-left: 1em; margin-left: 1em;
@include dimmed; @include dimmed;
} }
&-emoji {
position: absolute;
left: -1.5em;
line-height: 1.8em;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
} }
} }

1
themes/hello-friend-ng/layouts/_default/list.html
View file

@ -16,6 +16,7 @@
{{ range .Pages }} {{ range .Pages }}
<li class="post-item"> <li class="post-item">
<a href="{{.Permalink}}"> <a href="{{.Permalink}}">
{{ if .Params.emoji }}<span class="post-emoji">{{ .Params.emoji }}</span>{{ end }}
<span class="post-title">{{ if .Title }}{{.Title}}{{ else }}<i>Untitled post</i>{{ end }}</span> <span class="post-title">{{ if .Title }}{{.Title}}{{ else }}<i>Untitled post</i>{{ end }}</span>
<span class="post-day"> <span class="post-day">
{{ if .Site.Params.dateformShort }} {{ if .Site.Params.dateformShort }}