openvibers/openvibe.rent Commits

Home: All cities takes a finger's tap (#205)

OP OpenVibers committed 10 days ago · 8ab57db581 · 1 file, +4 −1

'All 885 cities' measured 24px to a finger in the 11-03 tap re-audit. Its hit area grows into the head's own room,
and down only into the gap before the bars, so the first city keeps its taps: 45px, checked on the live page.

Changes

ddiff --git a/public/css/home.css b/public/css/home.css
iindex 4cc336a..c159625 100644
---- a/public/css/home.css
++++ b/public/css/home.css
@@@ -102,7 +102,10 @@
     the bar is the accent at full strength against a quiet track. */
  .home-bars-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
  .home-bars-head h2 { margin: 0; }
--.home-more { flex: none; font-size: .9rem; font-weight: 600; }
++.home-more { position: relative; flex: none; font-size: .9rem; font-weight: 600; }
++/* "All 885 cities" measured 24px to a finger (the 11-03 tap re-audit): its hit area grows into the head's own room,
++   up and to the sides, and down only into the 10px before the bars, so the first city keeps its taps. 44px. */
++.home-more::after { content: ''; position: absolute; inset: -13px -6px -8px; }
  .home-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
  .home-bars a { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 44px; padding: 6px 10px; border-radius: 10px; color: inherit; text-decoration: none; }
  .home-bars a:hover, .home-bars a:focus-visible { background: color-mix(in srgb, var(--text-primary, #fff) 5%, transparent); }