fix: align sidebar worker action spacing

This commit is contained in:
2026-09-18 19:30:29 +09:00
parent 8dbc1629ff
commit 79bafa2a64
3 changed files with 22 additions and 16 deletions
@@ -387,6 +387,20 @@
.section-heading-link.active { .section-heading-link.active {
background: var(--sidebar-item-active); background: var(--sidebar-item-active);
} }
.section-action {
margin-left: auto;
padding: var(--space-1) var(--space-2);
border-radius: var(--radius-soft);
color: var(--accent);
font-size: var(--font-size-compact);
font-weight: 650;
line-height: var(--line-height-compact);
text-decoration: none;
}
.section-action:hover,
.section-action:focus-visible {
background: var(--interactive-hover);
}
.section-count { .section-count {
color: var(--text-muted); color: var(--text-muted);
font-size: var(--font-size-compact); font-size: var(--font-size-compact);
@@ -30,22 +30,6 @@
white-space: nowrap; white-space: nowrap;
} }
.workspace-sidebar .section-action {
margin-left: auto;
padding: var(--space-1) var(--space-2);
border-radius: var(--radius-soft);
color: var(--accent);
font-size: var(--font-size-compact);
font-weight: 650;
line-height: 16px;
text-decoration: none;
}
.workspace-sidebar .section-action:hover,
.workspace-sidebar .section-action:focus-visible {
background: var(--interactive-hover);
}
.showroom { .showroom {
width: min(100%, 1180px); width: min(100%, 1180px);
margin: 0 auto; margin: 0 auto;
@@ -122,6 +122,14 @@ Deno.test("Shell regions use selected Bevel edges while open separators use Beve
showroomCss.includes("margin-inline: var(--space-2)"), showroomCss.includes("margin-inline: var(--space-2)"),
"The design language and showroom must preserve adjacent area and line hierarchy", "The design language and showroom must preserve adjacent area and line hierarchy",
); );
assert(
sidebarCss.includes(".section-action {") &&
sidebarCss.includes("padding: var(--space-1) var(--space-2)") &&
sidebarCss.includes("font-size: var(--font-size-compact)") &&
sidebarCss.includes("line-height: var(--line-height-compact)") &&
!showroomCss.includes(".workspace-sidebar .section-action"),
"Workspace Sidebar must own the Workers section action spacing used by the showroom",
);
assert( assert(
!sidebarCss.includes("border-right:") && !sidebarCss.includes("border-right:") &&
!sidebarCss.includes("border-bottom:") && !sidebarCss.includes("border-bottom:") &&