fix(web): notices, day numbers and «Responder» as tall as they are

@pi/ui gives every button a fixed height, side padding and a minimum
width. Three of ours, laid out by their own component, took it:
- a notice in the bell's panel stayed 40 px tall, so a two-line one ran
  over the next;
- a day number in the calendar became a 40 px pill that ran into the
  sprint bands under it (today's, coloured, showed it);
- «Responder» under a comment became a grey pill sitting on its line.
They keep their own box now, and «Responder» is a text link.

The home page shows my projects first, right under the greeting: what
most visits come to open.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-16 20:00:19 +02:00
parent 8fe581ff3e
commit fc90c79f7f
7 changed files with 76 additions and 41 deletions

View File

@@ -174,12 +174,17 @@ const ICON: Record<NotificationKind, string> = {
display: grid;
gap: 0.25rem;
}
/* As tall as its text: past @pi/ui's global button look (a fixed
height that let a two-line notice run over the next one). */
.ts-inbox__item {
width: 100%;
height: auto !important;
min-width: 0 !important;
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 0.625rem 0.5rem;
padding: 0.625rem 0.5rem !important;
line-height: 1.35;
border: 0;
border-radius: 0.5rem;
background: transparent;