feat(pwa): add Android TV remote D-Pad focus styling
This commit is contained in:
parent
8d68afebbd
commit
e235989304
|
|
@ -51,6 +51,13 @@
|
|||
color: #334155;
|
||||
}
|
||||
|
||||
/* Android TV D-Pad Remote Focus Glow Outline */
|
||||
:focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus {
|
||||
outline: 3px solid #2563eb !important;
|
||||
outline-offset: 2px !important;
|
||||
box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important;
|
||||
}
|
||||
|
||||
/* Sleek Doctor Topbar */
|
||||
.doctor-header {
|
||||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||||
|
|
|
|||
|
|
@ -51,6 +51,13 @@
|
|||
color: #334155;
|
||||
}
|
||||
|
||||
/* Android TV D-Pad Remote Focus Glow Outline */
|
||||
:focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus {
|
||||
outline: 3px solid #2563eb !important;
|
||||
outline-offset: 2px !important;
|
||||
box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important;
|
||||
}
|
||||
|
||||
/* Topbar Header */
|
||||
.nursing-header {
|
||||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
display: block;
|
||||
}
|
||||
|
||||
.app-option-card:hover, .app-option-card:active {
|
||||
.app-option-card:hover, .app-option-card:active, .app-option-card:focus {
|
||||
border-color: #2563eb;
|
||||
background: #eff6ff;
|
||||
transform: translateY(-2px);
|
||||
|
|
@ -67,6 +67,13 @@
|
|||
color: inherit;
|
||||
}
|
||||
|
||||
/* Android TV D-Pad Remote Control Focus Outline */
|
||||
:focus-visible, .app-option-card:focus, button:focus, a:focus {
|
||||
outline: 3px solid #2563eb !important;
|
||||
outline-offset: 3px !important;
|
||||
box-shadow: 0 0 18px rgba(37, 99, 235, 0.6) !important;
|
||||
}
|
||||
|
||||
.app-option-card.disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user