dvorakmortonxd/freezmo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chat chrome docks into the rail; drop the notes-off banner

Browse source 
The chat header and composer are full-bleed bands inside the main
pane, which starts right at the sidebar on desktop - so both ended in
a hard vertical edge beside the floating rail card (the 12px gutter
showed the raw scene and the bands' fill + backdrop blur 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; phones keep the plain full-width borders. The chat
suite pins the dock. The "Chat is set to ignore notes text" banner
went away - the scope chip already says what the chat may read.

Version 0.5.5, SW -> freezmo-v77. Chat 104/104 (2 new), mobile
126/126, wizard 95/95, phase3 31/31, bubbles 34/34, i18n 13/13,
native 33/33, regression 44/44, contrast 0 findings, axe clean.
Full e2e: 14/14 suites.
This commit is contained in:
Martin Dvořák 2026-10-14 11:46:34 +00:00
commit a5d30a171c
8 changed files with 124 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

56
app/globals.css
View file

@ -690,11 +690,15 @@
}
/* Chat header: the same glass as the cards, a touch more fill — its title and
scope line sit directly over the sky. */
scope line sit directly over the sky. At lg its divider is the inset hairline
the desktop docking block below draws (::after), so it never hits the seam. */
.aero .chat-header {
background-color: rgb(232 248 255 / 0.4);
border-bottom: 1px solid rgb(255 255 255 / 0.6);
}
.aero .chat-header::after {
background: rgb(255 255 255 / 0.6);
}
/* The chat composer: one flat frosted panel for the input, the chips and the
note — instead of each of them floating on the wallpaper. */
@ -703,6 +707,56 @@
border-top: 1px solid rgb(255 255 255 / 0.65);
box-shadow: 0 -16px 36px -26px rgb(2 62 110 / 0.5);
}
.aero .chat-composer::after {
background: rgb(255 255 255 / 0.65);
}
/* Desktop: the chat chrome docks into the rail. The header and the composer
are full-bleed bands inside the main pane; at lg that pane starts exactly
at the sidebar, so both bands used to stop in a hard vertical edge beside
the floating rail card — the scene showed through the 12px gutter and the
bands' own fill/blur made it read as a color step at the seam. They now
reach the card's right edge (the rail's own 12px padding, in the expanded
and the collapsed state alike) and their hairlines span the content box
instead of starting in mid-air at the seam. */
@media (min-width: 1024px) {
.chat-header {
margin-left: -0.75rem;
padding-left: 1.75rem;
border-bottom: 0;
}
.aero .chat-header {
border-bottom: 0;
}
.chat-header::after {
content: "";
position: absolute;
left: 1.75rem;
right: 1rem;
bottom: 0;
height: 1px;
background: var(--glass-border);
}
.chat-composer {
margin-left: -0.75rem;
}
.chat-composer-band {
padding-left: 3.25rem;
border-top: 0;
}
.aero .chat-composer {
border-top: 0;
}
.chat-composer::after {
content: "";
position: absolute;
left: 3.25rem;
right: 2.5rem;
top: 0;
height: 1px;
background: var(--glass-border);
}
}
/* The chat welcome (subtitle + suggestions): the same frosted glass as the
cards (the shared recipe above), stretched flush with the header and the