ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: orange border for avatar when hover

Browse source
This commit is contained in:
Ayo 2023-05-30 22:00:35 +02:00
parent 3ea37fb1f6
commit 1adebc9240
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
_includes/head.html
View file

@ -153,9 +153,12 @@
repostsAvatars.className = "avatar-block"; repostsAvatars.className = "avatar-block";
reposts.forEach((repost) => { reposts.forEach((repost) => {
const image = document.createElement("img"); const image = document.createElement("img");
const link = document.createElement("a");
link.href = repost.author.url;
image.src = repost.author.photo; image.src = repost.author.photo;
image.alt = `Avatar for ${repost.author.name}`; image.alt = `Avatar for ${repost.author.name}`;
repostsAvatars.append(image); link.append(image);
repostsAvatars.append(link);
}); });
repostsWrapper.append(repostsAvatars); repostsWrapper.append(repostsAvatars);

6
assets/main.scss
View file

@ -459,6 +459,12 @@ table.image caption {
border-left: 3px solid rgba(34, 34, 34, 0.15); border-left: 3px solid rgba(34, 34, 34, 0.15);
} }
.reply-photo:hover,
.avatar-block img:hover {
berder-width: 5px;
border-color: #bb4a03;
}
.reply-photo, .reply-photo,
.avatar-block img { .avatar-block img {
width: 3em; width: 3em;