hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spin boosts/faves icon on hover (more fun!)

Browse Source
This commit is contained in:
daudix
2024-03-30 22:27:43 +03:00
parent 1dd9b457ca
commit ecbf5f96eb
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
sass/_comments.scss
View File

@ -142,12 +142,17 @@ section#comments {
svg { svg {
margin-inline-end: 0.25rem; margin-inline-end: 0.25rem;
transition: var(--transition-long);
vertical-align: -0.125em; vertical-align: -0.125em;
} }
&:hover { &:hover {
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
text-decoration: none; text-decoration: none;
svg {
rotate: 360deg;
}
} }
&:active { &:active {

2
templates/partials/comments.html
View File

@ -211,7 +211,7 @@
boosts.className = "boosts"; boosts.className = "boosts";
boosts.setAttribute("href", `${status.url}/reblogs`); boosts.setAttribute("href", `${status.url}/reblogs`);
boosts.setAttribute("title", `Favorites from ${instance}`); boosts.setAttribute("title", `Favorites from ${instance}`);
let boostsIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"); let boostsIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
boostsIcon.setAttribute("xmlns", "http://www.w3.org/2000/svg"); boostsIcon.setAttribute("xmlns", "http://www.w3.org/2000/svg");
boostsIcon.setAttribute("width", "16"); boostsIcon.setAttribute("width", "16");