fix: align sidebar worker action spacing
This commit is contained in:
@@ -387,6 +387,20 @@
|
||||
.section-heading-link.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 {
|
||||
color: var(--text-muted);
|
||||
font-size: var(--font-size-compact);
|
||||
|
||||
@@ -30,22 +30,6 @@
|
||||
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 {
|
||||
width: min(100%, 1180px);
|
||||
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)"),
|
||||
"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(
|
||||
!sidebarCss.includes("border-right:") &&
|
||||
!sidebarCss.includes("border-bottom:") &&
|
||||
|
||||
Reference in New Issue
Block a user