XL landscape polish: btn-primary sizing, tray from right, footer bg, layout fixes
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
- .btn-xl removed; .btn-primary absorbs 4rem sizing (same as PICK SIGS/PICK ROLES) - Landscape navbar .btn-primary: 3rem → 4rem to match base; XL stays 4rem (consistent) - _button-pad.scss XL: base .btn ×1.2 (2.4rem); .btn-xl block deleted - _tray.scss XL (≥1800px): portrait-style tray (slides from right, z-95) - tray.js: _isLandscape() returns false at ≥1800px; portrait code paths run throughout - Footer sidebar: background-color added so opaque footer masks tray sliding behind it - Copyright .footer-container: bottom → top in landscape sidebar - #id_room_menu: right: 2.5rem override in _room.scss XL block (cascade fix) - navbar-text XL: 0.65rem × 1.2 = 0.78rem - All landscape media queries: max-width: 1440px cutoff removed (already done prior) - btn-xl class stripped from all 5 templates; test_navbar.py assertion updated Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -25,6 +25,10 @@
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
font-size: 0.875rem;
|
||||
border-width: 0.21rem;
|
||||
color: rgba(var(--quaUser), 1);
|
||||
border-color: rgba(var(--quaUser), 1);
|
||||
background-color: rgba(var(--quiUser), 1);
|
||||
@@ -34,37 +38,6 @@
|
||||
0.25rem 0.25rem 0.25rem rgba(var(--quiUser), 0.12)
|
||||
;
|
||||
|
||||
&:hover {
|
||||
text-shadow:
|
||||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||||
0 0 1rem rgba(var(--quaUser), 1)
|
||||
;
|
||||
box-shadow:
|
||||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||||
0 0 0.5rem rgba(var(--quaUser), 0.12)
|
||||
;
|
||||
}
|
||||
|
||||
&:active {
|
||||
border: 0.18rem solid rgba(var(--quaUser), 1);
|
||||
text-shadow:
|
||||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||||
0 0 0.12rem rgba(var(--quaUser), 1)
|
||||
;
|
||||
box-shadow:
|
||||
-0.1rem -0.1rem 0.12rem rgba(var(--quiUser), 0.25),
|
||||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||||
0 0 0.5rem rgba(var(--quaUser), 0.12)
|
||||
;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-xl {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
font-size: 0.875rem;
|
||||
border-width: 0.21rem;
|
||||
|
||||
&:hover {
|
||||
text-shadow:
|
||||
0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.25),
|
||||
@@ -72,7 +45,7 @@
|
||||
;
|
||||
box-shadow:
|
||||
0.24rem 0.24rem 0.5rem rgba(0, 0, 0, 0.25),
|
||||
0 0 0.5rem rgba(var(--quaUser), 22)
|
||||
0 0 0.5rem rgba(var(--quaUser), 0.22)
|
||||
;
|
||||
}
|
||||
|
||||
@@ -87,7 +60,7 @@
|
||||
-0.2rem -0.2rem 0.24rem rgba(0, 0, 0, 0.25),
|
||||
0 0 0.5rem rgba(var(--quaUser), 0.22)
|
||||
;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-abandon {
|
||||
@@ -300,6 +273,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (orientation: landscape) and (min-width: 1800px) {
|
||||
width: 2.4rem; // 2rem × 1.2
|
||||
height: 2.4rem;
|
||||
font-size: 0.75rem; // 0.63rem × 1.2
|
||||
}
|
||||
|
||||
&.btn-disabled {
|
||||
cursor: default !important;
|
||||
font-size: 1.2rem;
|
||||
|
||||
Reference in New Issue
Block a user