fix(lotus): transparent-theme contrast guard; phone-only rail shrink; live URL params
- lotusTransparent without lotusTheme warns and applies the theme anyway; name tags/header/footer get a subtle text-shadow + backdrop blur under body.lotus-transparent (#21). - Landscape filmstrip shrink requires (pointer: coarse) so a short desktop/PiP window isn't reflowed as a phone (#32). - lotusParam re-reads window.location on every call (#33). Fixes #21 Fixes #32 Fixes #33 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
This commit is contained in:
co-authored by
Claude Opus 5
parent
c7494e68ca
commit
e9a59336c7
@@ -46,8 +46,12 @@ unconditionally select the container so we can use cq units */
|
||||
|
||||
/* On a landscape phone the fixed 180px filmstrip rail squeezes the spotlight to
|
||||
a sliver; shrink the rail (keeping the 4:3 tile ratio) to give the spotlight
|
||||
room. Desktop landscape (height > 400px) is unaffected. */
|
||||
@media (max-height: 400px) {
|
||||
room. Desktop landscape (height > 400px) is unaffected.
|
||||
[lotus #32] `max-height: 400px` alone also matches a short-but-wide desktop
|
||||
or PiP window that has nothing to do with a phone, so require a coarse
|
||||
(touch) pointer too — a resized desktop/PiP window kept its mouse pointer,
|
||||
so it won't match this and keeps the full-size rail. */
|
||||
@media (max-height: 400px) and (pointer: coarse) {
|
||||
.layer {
|
||||
--grid-slot-width: 132px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user