openvibers/openvibe.network Commits

Home on touch screens: the orbit's sites stay in place (#427)

OP OpenVibers committed 14 days ago · 6a3b5833b2 · 1 file, +2 −1

The touch-target pass (#426) made .orb-node position: relative on touch
screens. The orbit places each node with position: absolute, so the link
went inline, lost its 34 px size and every icon filled the whole orbit
(the page was 857 px wide on a phone). The ::after hit area needs no
change: an absolutely placed node already holds it.

Changes

ddiff --git a/server/home/render.js b/server/home/render.js
iindex 6e3bf6c1..cc629914 100644
---- a/server/home/render.js
++++ b/server/home/render.js
@@@ -251,7 +251,8 @@ ${icons.CSS}
  /* Touch targets on phones (fleet audit, 2026-10-29): touch pointers only. */
  @media (pointer: coarse) {
    .home-chips>li>a { min-height: 44px; }
--  .orb-node { position: relative; }
++  /* .orb-node is already position: absolute (the orbit places it); making it relative turns the link inline and
++     each icon fills the orbit. */
    .orb-node::after { content: ''; position: absolute; left: 0; right: 0; top: -2px; bottom: -2px; }
    .now-more { position: relative; }
    .now-more::after { content: ''; position: absolute; left: 0; right: 0; top: -14px; bottom: -14px; }