heaven/vojo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(message): restyle the hover action bar as a flat Dawn strip and tuck it against the message corner

Browse source
This commit is contained in:
heaven 2026-06-03 12:45:15 +03:00
parent 5f2bac7ad6
commit b730ccb0f3
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/features/room/message/styles.css.ts
View file

@ -9,8 +9,11 @@ export const MessageOptionsBase = style([
DefaultReset,
{
position: 'absolute',
top: toRem(-30),
right: 0,
// Hug the message's top-right corner with a small overlap instead of the old
// -30px overhang that detached the rail from the row and clipped at the
// timeline top. (First iteration — exact offset is easy to nudge.)
top: toRem(-14),
right: config.space.S200,
zIndex: 1,
},
]);
@ -18,6 +21,11 @@ export const MessageOptionsBar = style([
DefaultReset,
{
padding: config.space.S100,
// Dawn: a flat hairline strip rather than the stock raised Menu card —
// 1px hairline, tighter radius, a soft shadow instead of the heavy E-shadow.
border: `${config.borderWidth.B300} solid rgba(255, 255, 255, 0.08)`,
borderRadius: config.radii.R300,
boxShadow: '0 4px 14px rgba(0, 0, 0, 0.4)',
},
]);