show keyboard nav hints and menu highlights on laptop/desktop
Move navHint, menuTriangle, and pink selection highlight hiding to 480px mobile-only query. Previously hidden at 640px/700px height which affected laptops. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>main
parent
1a99f866eb
commit
3cbf756002
|
|
@ -624,10 +624,6 @@
|
|||
left: 0;
|
||||
}
|
||||
|
||||
.navHint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 640px), (max-height: 700px) {
|
||||
|
|
@ -651,7 +647,6 @@
|
|||
}
|
||||
|
||||
.menuTriangle {
|
||||
display: none;
|
||||
left: -16px;
|
||||
border-top-width: 10px;
|
||||
border-bottom-width: 10px;
|
||||
|
|
@ -664,15 +659,6 @@
|
|||
transition: none;
|
||||
}
|
||||
|
||||
.menuItemSelected,
|
||||
.menuItemFlash {
|
||||
border-color: rgb(255 78 203 / 0.15);
|
||||
background: rgb(0 0 0 / 0.45);
|
||||
}
|
||||
|
||||
.menuItemSelected .menuLabel {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menuBadge {
|
||||
width: 44px;
|
||||
|
|
@ -702,9 +688,21 @@
|
|||
.rightPanel,
|
||||
.floor,
|
||||
.scanlines,
|
||||
.corner {
|
||||
.corner,
|
||||
.menuTriangle,
|
||||
.navHint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menuItemSelected,
|
||||
.menuItemFlash {
|
||||
border-color: rgb(255 78 203 / 0.15);
|
||||
background: rgb(0 0 0 / 0.45);
|
||||
}
|
||||
|
||||
.menuItemSelected .menuLabel {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue