bytelyst/learning_ai_clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): add interactive hover/active states for buttons and links

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-28 23:20:44 -07:00
parent ffe2d28921
commit 075e1850e5
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/app/globals.css
View File

@ -186,6 +186,17 @@ body {
outline-offset: 2px; outline-offset: 2px;
} }
/* Interactive hover/active states */
button, [role="button"], a {
transition: opacity 0.15s ease, background-color 0.15s ease;
}
button:hover:not(:disabled), [role="button"]:hover:not(:disabled) {
opacity: 0.85;
}
button:active:not(:disabled), [role="button"]:active:not(:disabled) {
opacity: 0.7;
}
/* Skip-to-content link (keyboard accessibility) */ /* Skip-to-content link (keyboard accessibility) */
.skip-to-content { .skip-to-content {
position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999; position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999;