Space: a phone no longer scrolls sideways on /spaces (#118)

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

The shared hero's aura is drawn 54px past its right edge; nothing clipped it, so the page was
44px wider than the screen at 390. The page clips on the horizontal axis only (vertical scrolling
is unchanged, checked in Chrome at 390).

Changes

ddiff --git a/public/css/spaces.css b/public/css/spaces.css
iindex 935c27a..0943a54 100644
---- a/public/css/spaces.css
++++ b/public/css/spaces.css
@@@ -155,3 +155,7 @@ body[data-page="spaces"] .page:has(.sp-editor) { padding-bottom: 0; }
    .sp-editor[data-view="preview"] .sp-ed-code, .sp-editor[data-view="code"] .sp-ed-preview { display: none; }
    .sp-ed-name { max-width: 70vw; }
  }
++
++/* The shared hero draws its aura 54px past its right edge (openvibe-shared showcase, .sc-hero-vis at right:-54px); with no
++   clip a phone scrolls sideways by ~44px. Clip the page on this axis only: vertical scrolling is untouched. */
++.page { overflow-x: clip; }