openvibers/openvibe.live Commits

Home on phones: the sign-up panel's perks are two sideways rows (#452)

OP OpenVibers committed 15 days ago · 4afff7fb3b · 1 file, +4 −0

Collapsed, the seven perks wrapped into about 300 px of chips on a phone; they
are now two rows that scroll sideways, like the tour's feature chips above them.
Open, they are still the list with its sentences.

Changes

ddiff --git a/public/css/home-tour.css b/public/css/home-tour.css
iindex 07a8ac71..4b858582 100644
---- a/public/css/home-tour.css
++++ b/public/css/home-tour.css
@@@ -138,6 +138,10 @@
      .tour-features { display: grid; grid-template-rows: repeat(2, auto); grid-auto-flow: column; grid-auto-columns: max-content; justify-content: start;
          overflow-x: auto; scrollbar-width: none; margin-left: -14px; margin-right: -14px; padding: 0 14px 2px; scroll-padding-inline: 14px; }
      .tour-features::-webkit-scrollbar { display: none; }
++    /* The sign-up panel's perks, collapsed, are the same two sideways rows (open, they are the list with sentences). */
++    .ovg-join:not(.is-open) .ovg-join-perks { display: grid; grid-template-rows: repeat(2, auto); grid-auto-flow: column; grid-auto-columns: max-content;
++        overflow-x: auto; scrollbar-width: none; margin-left: -14px; margin-right: -14px; padding: 0 14px 2px; }
++    .ovg-join:not(.is-open) .ovg-join-perks::-webkit-scrollbar { display: none; }
  }
  @media (prefers-reduced-motion: reduce) { .tour-wire, .tour-node-dot, .tour-core-ring, .tour-feat, .tour-core::before, .tour-core b, .tour-core-logo { animation: none; } .tour-feat { opacity: 1; transform: none; } }
  .rs-lite .tour::before, .rs-lite .tour-core-ring { display: none; }