fix(ui): preserve narrow desktop status-row behavior
Keep the active todo text hidden below 38rem, as before, while hiding only the changed-files secondary label below 30rem. This fixes the mobile collision without reintroducing the documented narrow desktop overlap.
This commit is contained in:
@@ -930,12 +930,15 @@ html:not(.dark) .chat-scroll {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Status row: hide secondary labels before the controls collide. */
|
/* Hide the long active todo before it can collide with the changed-files summary. */
|
||||||
@container status-row (max-width: 30rem) {
|
@container status-row (max-width: 38rem) {
|
||||||
.status-row__active-todo {
|
.status-row__active-todo {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide the secondary changed-files label on narrow mobile layouts. */
|
||||||
|
@container status-row (max-width: 30rem) {
|
||||||
.status-row__changed-label {
|
.status-row__changed-label {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user