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:
@@ -533,9 +533,24 @@ a.ts-key {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
// A text link, past @pi/ui's global button look: as a 40 px pill it sat on
|
||||
// the line under the comment.
|
||||
.ts-reply__open {
|
||||
justify-self: start;
|
||||
height: auto !important;
|
||||
min-width: 0 !important;
|
||||
margin-top: 0.375rem;
|
||||
padding: 0.125rem 0 !important;
|
||||
border: 0;
|
||||
background: none !important;
|
||||
color: var(--ts-brand);
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.ts-reply__actions {
|
||||
|
||||
Reference in New Issue
Block a user