discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

post view: restore the post-line grid layout (author | text | time, bordered + rounded) minus the --priUser fill & box-shadow — outlined rows, not filled pills

Browse Source 
Follow-up to the reelhouse recolor: the POST thread keeps its earlier per-line grid (author / text / time columns, 0.1rem --secUser border at the .form-control radius, margin/padding) but drops the background-color + box-shadow per user-spec, so the lines read as outlined rows on the plain wash. The filled-pill chrome remains salvaged in YARN.

- bundled (parallel work): rootvars.scss ongoing palette tuning (--terPer + neighbouring slots).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-08 19:38:35 -04:00
parent d28046f3da
commit 203596ee29
2 changed files with 47 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/static_src/scss/_room.scss
View File

@@ -299,9 +299,11 @@ html.sea-open .room-aperture.is-scrollable {
background-color: rgba(var(--sepUser), 1);
}
// Bare-<ul> normalization only — no list bullets/indent (there's no
// global ul reset), so the thread reads as plain feed rows on the
// default wash rather than a bulleted list. The pill chrome is gone.
// The post-lines keep their earlier grid layout — author | text | time,
// bordered + rounded at the .form-control radius — but WITHOUT the
// --priUser fill or box-shadow (user-spec): outlined rows, not filled
// pills (the filled-pill chrome lives in YARN now). list-style reset
// since there's no global ul reset.
#id_post_table {
list-style: none;
margin: 0;
@@ -309,6 +311,33 @@ html.sea-open .room-aperture.is-scrollable {
flex: 1;
min-height: 0;
overflow-y: auto;
.post-line {
display: grid;
grid-template-columns: minmax(4rem, auto) 1fr minmax(3rem, auto);
align-items: baseline;
gap: 0.5rem;
width: 100%;
border: 0.1rem solid rgba(var(--secUser), 0.5);
border-radius: calc((1rem + 1em) / 3); // == .form-control radius
margin: 0.35rem 0;
padding: 0.5rem 0.75rem;
.post-line-author {
font-weight: bold;
color: rgba(var(--quaUser), 1);
white-space: nowrap;
font-size: 0.85rem;
}
.post-line-text { min-width: 0; overflow-wrap: anywhere; }
.post-line-time {
font-size: 0.75rem;
opacity: 0.5;
text-align: right;
white-space: nowrap;
}
}
.post-line-buffer { flex-shrink: 0; height: 0.25rem; }
}
// Composer stays a flex row: the OK btn sits inline beside the "Enter a