Skip to content

Commit e9b967d

Browse files
committed
address diff between local build and vercel.
Signed-off-by: bgravenorst <[email protected]>
1 parent 5e27d89 commit e9b967d

File tree

1 file changed

+2
-9
lines changed

1 file changed

+2
-9
lines changed

src/scss/theme/_sidebar.scss

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,8 @@
130130
&__list-item {
131131
position: relative;
132132
z-index: 1;
133+
width: 100%;
134+
flex: 0 0 100%;
133135

134136
&-collapsible {
135137
border-radius: 0;
@@ -274,15 +276,6 @@
274276
}
275277
}
276278

277-
/**
278-
* Vercel-only "overlap" on level 2+ was observed on active (non-collapsible) link rows.
279-
* Those rows are plain `li > a.menu__link--active` (no `.menu__list-item--active` class),
280-
* so if the anchor ever ends up shrink-to-fit, the background gradient will look clipped
281-
* / visually inconsistent.
282-
*
283-
* Fix: apply the active background to the full-width `li` instead of the `a`.
284-
* We keep this gated behind `:has()` support; without it, behavior remains unchanged.
285-
*/
286279
@supports selector(:has(*)) {
287280
&__list-item:has(> a.menu__link.menu__link--active) {
288281
background-color: transparent;

0 commit comments

Comments
 (0)