loopable / web /src /customer-grid /SwipeView.css
fsanyoto's picture
Deploy AIOS web (React glide grid + FastAPI slice)
dcdb685 verified
Raw
History Blame Contribute Delete
936 Bytes
/* ⭐⭐ WAVE-29 T26 (owner R9) — the card renders the RECORD: fields, attachments, comments.
The card was a title plus three cells and could stay any height it liked; carrying a whole
record it needs a ceiling and a scroll of its own, or the deck's own controls (Later, the two
decision buttons) leave the viewport on a record with twenty columns. */
.cg-swipe-card {
max-height: min(62vh, 560px);
overflow-y: auto;
}
/* Both sections are INSIDE the card, which is a `role="button"`. They stop their own events, so
the separation has to read visually too — otherwise a reviewer cannot tell what will open the
record and what will not. */
.cg-swipe-docs,
.cg-swipe-comments {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid var(--lp-line);
cursor: default;
}
/* The comments box carries its own composer; the card's own padding would double it. */
.cg-swipe-comments {
text-align: left;
}