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

Fix colour of clap button

Browse source
This commit is contained in:
JP Hastings-Spital 2024-04-07 14:38:28 +01:00
parent 2535d1114a
commit cc05b550c8
2 changed files with 27 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/js/main.js
View file

@ -79,14 +79,15 @@ const forEveryClapButton = (fn, sameAction = '') => {
document.addEventListener("DOMContentLoaded", () => {
let toCheck = []
forEveryClapButton((btn) => {
btn.addEventListener("click", performClap)
const action = btn.parentElement.action
const lastClappedTo = localStorage.getItem(clapKey(action));
toCheck.push(action)
if (lastClappedTo) {
btn.parentElement.classList.add('clapped')
setClapCount(btn, lastClappedTo)
}
btn.addEventListener("click", performClap)
toCheck.push(action)
})
toCheck.forEach((action) => {

48
assets/scss/_main.scss
View file

@ -617,7 +617,7 @@ a[href^="#fn:"] {
form.claps {
display: inline-block;
&.clapped {
&.clapped button {
color: var(--accent);
}
@ -874,29 +874,6 @@ mark {
}
}
.small-post-list {
position: relative;
text-align: left;
margin: 1em 1.5em;
list-style: none;
@media #{$media-size-phone} {
font-size: 1rem;
padding: 0;
width: fit-content;
max-width: calc(100% - 2em);
margin-inline: auto;
}
li > svg {
color: var(--accent);
position: absolute;
left: -1.5em;
margin-top: 0.25em;
text-align: right;
}
}
.homepage {
.content {
align-items: center;
@ -995,6 +972,29 @@ mark {
}
}
.small-post-list {
position: relative;
text-align: left;
margin: 1em 1.5em;
list-style: none;
@media #{$media-size-phone} {
font-size: 1rem;
padding: 0;
width: fit-content;
max-width: calc(100% - 2em);
margin-inline: auto;
}
li > svg {
color: var(--accent);
position: absolute;
left: -1.5em;
margin-top: 0.25em;
text-align: right;
}
}
.embed iframe {
border-radius:12px;
width:100%;