openvibers/openvibe.fun Commits
Home on a phone: the hero picture keeps its labels, smaller (#96)
Changes
@@@ -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; }
@@ -131,7 +131,8 @@ html.ov-motion .fu-flip-card { animation: fu-flip .8s cubic-bezier(.2,.7,.2,1) .
@@ -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-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); }
.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; } }
@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; }
html[data-ov-motion=reduced] .fu-pin, html[data-ov-motion=reduced] .fu-flip-card { animation: none !important; }