Video home on phones: the figures stay one row (#194)

OP OpenVibers committed 15 days ago · 54cd792e0d · 1 file, +1 −1

The first .ovv-stats rule wraps its flex items, so the phone strip wrapped into a
2×2 grid; it now says nowrap.

Changes

ddiff --git a/public/css/video.css b/public/css/video.css
iindex e110f43..2e3fe70 100644
---- a/public/css/video.css
++++ b/public/css/video.css
@@@ -597,7 +597,7 @@ html.ov-motion .ovv-stat.is-live .ovv-dot { animation: ovv-pulse 1.6s ease-out i
    .ovv-row .ovv-grid::-webkit-scrollbar { display: none; }
    .ovv-row .ovv-grid > * { flex: 0 0 46%; min-width: 0; scroll-snap-align: start; }
    #channels .ovv-people > li:nth-child(n+9) { display: none; }
--  .ovv-hero .ovv-stats { display: flex; overflow-x: auto; scrollbar-width: none; gap: 8px; margin-left: -16px; margin-right: -16px; padding: 0 16px 2px; }
++  .ovv-hero .ovv-stats { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 8px; margin-left: -16px; margin-right: -16px; padding: 0 16px 2px; }
    .ovv-hero .ovv-stats::-webkit-scrollbar { display: none; }
    .ovv-hero .ovv-stats > li { flex: 0 0 auto; width: 132px; }
    .ovv-fold > summary span { display: none; }