fix: align sidebar worker action spacing
This commit is contained in:
@@ -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:") &&
|
||||||
|
|||||||
Reference in New Issue
Block a user