openvibers/openvibe.fun Commits

Home on a phone: the hero picture keeps its labels, smaller (#96)

OP OpenVibers committed 6 days ago · 25ad3a18c9 · 1 file, +2 −1

Changes

ddiff --git a/public/css/fun.css b/public/css/fun.css
iindex aaed033..5f253fe 100644
---- a/public/css/fun.css
++++ b/public/css/fun.css
@@@ -131,7 +131,8 @@ html.ov-motion .fu-flip-card { animation: fu-flip .8s cubic-bezier(.2,.7,.2,1) .
.fu-overlay-meta, .fu-overlay-fine, .fu-overlay-place { font-size: .8rem; opacity: .85; }
.fu-report summary { cursor: pointer; font-weight: 700; color: var(--text-secondary, #96a7c2); }
--@media (max-width: 759px) { .sc-room-pic .fu-pin, .sc-room-pic .fu-flip-card { display: none; } }
++/* Phones keep the map's pins and the quest card, smaller (11-07: hidden, the map read as an empty grid). */
++@media (max-width: 759px) { .sc-room-pic .fu-pin { font-size: .66rem; padding: 4px 8px; } .sc-room-pic .fu-flip-card { width: min(80%, 240px); padding: 8px 12px; } .sc-room-pic .fu-flip-card b { font-size: .84rem; } .sc-room-pic .fu-pin-3 { left: 30%; top: 50%; } }
@media (prefers-reduced-motion: reduce) { .fu-pin, .fu-flip-card { animation: none !important; } }
html[data-ov-motion=reduced] .fu-pin, html[data-ov-motion=reduced] .fu-flip-card { animation: none !important; }