Chat chrome ends at the rail with a rounded corner
Docking the two chat bands into the rail card removed the floating cut
but the edge stayed a straight vertical line - still a seam ("this
still looks bad"). Both bands now keep the rail's own 12px gutter and
end in the rail card's 1.5rem radius on their left side, so the ending
reads as deliberate; the header divider spans the flat part of the
bottom edge, from the corner curve inward. Phones keep the plain
full-width borders.
The chat suite now pins the geometry: 12px gutter at the seam, 24px
left corners on both bands, zeroed band borders, inset ::after
hairlines. Chat 104/104, mobile 126/126, regression 50/50.
Version 0.5.7, SW -> freezmo-v79.
This commit is contained in:
parent
7e42b03f7e
commit
303e73f555
5 changed files with 46 additions and 37 deletions
18
README.md
18
README.md
|
|
@ -1435,14 +1435,16 @@ Things I chose while building, with the reasoning:
|
|||
navigations as the offline shell — a typo'd URL used to write the error page into the shell
|
||||
cache.
|
||||
|
||||
87. **Chat's chrome docks into the rail (the sidebar seam).** The chat header and composer are
|
||||
full-bleed bands inside the main pane; at desktop widths that pane starts right at the sidebar,
|
||||
so both bands ended in a hard vertical edge beside the floating rail card — the 12px gutter
|
||||
showed the raw scene, and the bands' fill + backdrop blur made it read as a color step at the
|
||||
seam, with their hairlines starting in mid-air at that edge. Both bands now reach the card's
|
||||
right edge (the rail's own 12px padding, expanded or collapsed) and their hairlines are inset
|
||||
to the content box instead of touching the seam; phones keep the plain full-width borders. The
|
||||
chat suite pins the dock (band edge === card edge, zeroed band borders, inset `::after`
|
||||
87. **Chat's chrome ends at the rail with a rounded corner (the sidebar seam).** The chat header
|
||||
and composer are full-bleed bands inside the main pane; at desktop widths that pane starts right
|
||||
at the sidebar, so both bands ended in a hard vertical edge beside the floating rail card — the
|
||||
12px gutter showed the raw scene and the bands' fill + blur made it read as a color step at the
|
||||
seam. Docking them into the card did not fix it either ("this seam still looks bad" — a straight
|
||||
cut is still a straight cut): both bands now keep the rail's own 12px gutter and end in the
|
||||
card's 1.5rem radius on their left side, so the ending is legible as deliberate, with their
|
||||
hairlines inset instead of touching the seam (the header divider spans the flat part of the
|
||||
bottom edge, from the corner curve inward). Phones keep the plain full-width borders. The chat
|
||||
suite pins the geometry (12px gutter, 24px left corners, zeroed band borders, inset `::after`
|
||||
hairlines). The "Chat is set to ignore notes text" banner went away with it — the scope chip
|
||||
already says what the chat may read.
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue