alee/stegasoo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dynamic channel selector feedback with pulse highlight

Browse Source 
- Channel select shows contextual info: Auto (server key), Public (no key), Custom (hidden)
- Gold pulse highlight on custom channel input when selected
- Smooth 0.4s animation with subtle glow effect
- Updated encode.html and decode.html with data-fingerprint attributes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee
2026-01-04 15:21:02 -05:00
parent fb55878727
commit 355a988405
4 changed files with 46 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontends/web/static/style.css
View File

@@ -161,6 +161,17 @@ body {
.btn-group .btn-outline-secondary:hover {
background-color: rgba(255, 255, 255, 0.08);
}
/* Channel key highlight pulse */
.channel-highlight {
animation: channel-pulse 0.4s ease;
}
@keyframes channel-pulse {
0% { box-shadow: 0 0 0 0 rgba(254, 232, 98, 0); }
20% { box-shadow: 0 0 9px 1px rgba(254, 232, 98, 0.19); }
40% { box-shadow: 0 0 9px 1px rgba(254, 232, 98, 0.19); }
100% { box-shadow: 0 0 0 0 rgba(254, 232, 98, 0); }
}
.btn-group .btn-outline-primary:first-of-type,
.btn-group .btn-outline-secondary:first-of-type {
color: #6b4d8a;