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

2024-03-30 22:27:43 +03:00
parent 1dd9b457ca
commit ecbf5f96eb
2 changed files with 6 additions and 1 deletions
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@ -142,12 +142,17 @@ section#comments {

 				svg {
 					margin-inline-end: 0.25rem;
+					transition: var(--transition-long);
 					vertical-align: -0.125em;
 				}

 				&:hover {
 					box-shadow: var(--edge-highlight);
 					text-decoration: none;
+
+					svg {
+						rotate: 360deg;
+					}
 				}

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