openvibers/openvibe.report Commits

The Arena on Report: Exchange's fragment drawn with its own spacing, a button row and numbered steps (#191)

OP OpenVibers committed 2 days ago · aae4d532b8 · 1 file, +14 −0

Report shows Exchange's round fragments without exchange.css, so the ask card's button and line ran to the card's edge and
the steps were a bare list (seen at 390 px, 2026-11-11). arena.css now draws the fragment's classes: the body's 14 px
sides inside a kit section, the sign-in row, numbered steps, the prose, the form and the catalogue count.

Changes

ddiff --git a/public/css/arena.css b/public/css/arena.css
iindex 70d4b02..6ac5aff 100644
---- a/public/css/arena.css
++++ b/public/css/arena.css
@@@ -9,3 +9,17 @@
  @media (min-width: 900px) {
      .ex-arena-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
++
++/* Exchange's fragment classes as Exchange draws them (Report does not load exchange.css; 2026-11-11 the ask card's
++   button and line ran to the card's edge and the steps were a bare list). Inside a kit section: 14 px sides. */
++.ex-page .ex-sec-body { padding: 4px 14px 14px; }
++.ex-page .ex-signin { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
++.ex-page .ex-muted { color: var(--ovk-muted, #93a0b4); font-size: .88rem; line-height: 1.45; }
++.ex-page .ex-prose { margin: 14px 0 0; line-height: 1.55; color: var(--ovk-text, inherit); }
++.ex-page .ex-arena-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: exstep; }
++.ex-page .ex-arena-steps > li { position: relative; padding-left: 38px; line-height: 1.5; counter-increment: exstep; }
++.ex-page .ex-arena-steps > li::before { content: counter(exstep); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: .78rem; font-weight: 800; color: var(--ovk-accent, #60a5fa); background: color-mix(in srgb, var(--ovk-accent, #3b82f6) 14%, transparent); }
++.ex-page .ex-arena-form { display: grid; gap: 10px; }
++.ex-page .ex-arena-form label { font-weight: 650; }
++.ex-page .ex-arena-form textarea { box-sizing: border-box; padding: 12px; border-radius: 12px; border: 1px solid var(--ovk-line, rgba(255, 255, 255, .14)); background: var(--ovk-bg, transparent); color: inherit; font: inherit; resize: vertical; }
++.ex-page .ex-arena-count { margin: 4px 2px 0; text-align: center; }