style(room): drop the 1:1 peer name chip and restore the plain bold author label
This commit is contained in:
parent
b4d49d3b03
commit
54f96112ff
2 changed files with 2 additions and 25 deletions
|
|
@ -225,12 +225,7 @@ export const StreamLayout = as<'div', StreamLayoutProps>(
|
|||
</span>
|
||||
<div className={css.StreamColumn}>
|
||||
{header && (
|
||||
<div
|
||||
// Peer (incoming) names render in a chip the same dark surface as
|
||||
// their message bubble; own names stay plain (own = plain text).
|
||||
className={classNames(css.StreamName, !isOwn && css.StreamNamePeerBubble)}
|
||||
ref={headerRef}
|
||||
>
|
||||
<div className={css.StreamName} ref={headerRef}>
|
||||
{header}
|
||||
</div>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -202,10 +202,7 @@ const StreamRailBridgeY = config.space.S400;
|
|||
// larger than chat body (T400 = 15px). The dot + timestamp vertically centre
|
||||
// on this line, so its line-height drives the rail geometry below.
|
||||
const StreamNameFontSize = toRem(16);
|
||||
// Line-height (not font) drives the name-chip height: 26.4px (20 × 1.2 × 1.1)
|
||||
// gives the peer name bubble more vertical breathing room around the 16px nick
|
||||
// while the dot + timestamp follow automatically via StreamHeaderInnerCenterY.
|
||||
const StreamNameLineHeight = toRem(26.4);
|
||||
const StreamNameLineHeight = toRem(20);
|
||||
|
||||
// Vertical centre of the author-name line, measured from the row's
|
||||
// content-area top. The name is now the FIRST child of StreamColumn (track 3)
|
||||
|
|
@ -577,21 +574,6 @@ globalStyle(`${StreamName} > *`, {
|
|||
minWidth: 0,
|
||||
});
|
||||
|
||||
// Peer (incoming) author name rendered as a chip in the SAME surface as the
|
||||
// message bubble (`color.Surface.Container`) — a mini incoming-bubble for the
|
||||
// label, with the same minimal all-corners rounding (user request). Own names
|
||||
// stay plain (own messages are plain text). Horizontal padding only — NO
|
||||
// vertical padding, so the name's line box (and the dot/timestamp aligned to
|
||||
// its centre) doesn't shift; the fill spans the line height.
|
||||
export const StreamNamePeerBubble = style({
|
||||
backgroundColor: color.Surface.Container,
|
||||
// Same rounding as the message bubble (user request); wider horizontal
|
||||
// padding to match the taller chip.
|
||||
borderRadius: StreamBubbleRadius,
|
||||
paddingLeft: toRem(11),
|
||||
paddingRight: toRem(11),
|
||||
});
|
||||
|
||||
// Message-row timestamp — grid item in track 1, content-sized. Pushed
|
||||
// down by the same Y as StreamHeaderDotHalo so timestamp / dot / Username
|
||||
// share one baseline.
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue