style(tiles): one rule for the grid's two accent buttons, one accent token

.tile-attach-btn and .tile-picker-open repeated the same seven
declarations and the same :disabled opacity; they now share one rule, and
each keeps only what differs (the picker's narrower padding, the
in-flight attach's progress cursor). .tile.focused read --accent-color, an
alias of --accent, while every other grid rule reads --accent; it reads
--accent too.

Computed styles of 22 grid elements (headless Chromium, the default,
daylight-blue and og skins) are identical before and after.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-10-07 09:37:04 +02:00
parent e6eb3dd849
commit fbab0ffbf8
+12 -14
View File
@@ -19414,7 +19414,7 @@ html[data-session-list="sidebar"][data-sidebar="collapsed"] .btn-sidebar-toggle
/* The focused tile has the keyboard and is the active session. */ /* The focused tile has the keyboard and is the active session. */
.tile.focused { .tile.focused {
border-color: var(--accent-color, #4a9eff); border-color: var(--accent, #4a9eff);
} }
.tile-body { .tile-body {
@@ -19665,7 +19665,10 @@ body.tile-grid-resizing--row * {
text-align: center; text-align: center;
} }
.tile-attach-btn { /* The grid's accent buttons: the Attach overlay's, and the picker's Open
(which narrows the padding in its own block below). */
.tile-attach-btn,
.tile-picker-open {
padding: 4px 14px; padding: 4px 14px;
font: inherit; font: inherit;
color: var(--accent-ink, #fff); color: var(--accent-ink, #fff);
@@ -19675,8 +19678,14 @@ body.tile-grid-resizing--row * {
cursor: pointer; cursor: pointer;
} }
.tile-attach-btn:disabled { .tile-attach-btn:disabled,
.tile-picker-open:disabled {
opacity: 0.5; opacity: 0.5;
cursor: default;
}
/* An attach in flight. */
.tile-attach-btn:disabled {
cursor: progress; cursor: progress;
} }
@@ -19756,17 +19765,6 @@ body.tile-grid-resizing--row * {
.tile-picker-open { .tile-picker-open {
padding: 4px 12px; padding: 4px 12px;
font: inherit;
color: var(--accent-ink, #fff);
background: var(--accent, #4a9eff);
border: none;
border-radius: 4px;
cursor: pointer;
}
.tile-picker-open:disabled {
opacity: 0.5;
cursor: default;
} }
/* Split-picker menu: a small popover listing sessions to split with, appended /* Split-picker menu: a small popover listing sessions to split with, appended