txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: chat X rotates clockwise, robot wiggles; PDF rotation now animated

Browse Source
This commit is contained in:
juanatsap
2026-04-09 14:03:07 +01:00
parent 9f6b44b478
commit c044f785f3
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/04-interactive/_chat.css
+8 -1
View File
@@ -37,10 +37,17 @@
background: var(--accent-green, #27ae60); background: var(--accent-green, #27ae60);
} }
.chat-toggle-btn:hover iconify-icon { /* Open state (robot): wiggle */
.chat-toggle-btn:hover .chat-icon-open {
animation: iconWiggle 0.5s ease; animation: iconWiggle 0.5s ease;
} }
/* Closed state (X): rotate clockwise */
.chat-toggle-btn:hover .chat-icon-close {
transform: rotate(90deg);
transition: transform 0.3s ease;
}
/* Icon swap: show mascot by default, close when active */ /* Icon swap: show mascot by default, close when active */
.chat-toggle-btn .chat-icon-close { .chat-toggle-btn .chat-icon-close {
display: none; display: none;
static/css/04-interactive/_scroll-behavior.css
+5 -1
View File
@@ -142,7 +142,11 @@
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
/* Rotate 45°: PDF */ /* Rotate 45° animated: PDF */
.download-btn iconify-icon {
transition: transform 0.3s ease;
}
.download-btn:hover iconify-icon { .download-btn:hover iconify-icon {
transform: rotate(45deg); transform: rotate(45deg);
} }