bytelyst/learning_ai_notes
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:59 -07:00
parent 96b4453e95
commit 7ee0c6d481
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

@ -215,6 +215,17 @@ button {
border-width: 0;
}
/* 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 {
position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999;