Skip to content

Commit 6a469d3

Browse files
committed
fix(hub): remove Primer border-top and box-shadow between individual nav items
1 parent d312795 commit 6a469d3

1 file changed

Lines changed: 9 additions & 4 deletions

File tree

public/styles/global.css

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -158,20 +158,25 @@ svg {
158158
}
159159

160160
/* -- Nav links --------------------------------------------- */
161-
/* .SideNav-item (Primer) + .nav-link (ours) + optional .active */
161+
/* Strip ALL Primer SideNav-item borders — separators between
162+
individual pages are unwanted; only section borders are used. */
163+
.SideNav-item.nav-link,
164+
.SideNav-item.nav-link:first-child,
165+
.SideNav-item.nav-link:last-child {
166+
border-top: none !important;
167+
box-shadow: none !important;
168+
}
169+
162170
.SideNav-item.nav-link {
163171
display: block;
164172
padding: 5px 16px 5px 14px;
165173
font-size: 0.875rem;
166174
font-weight: 400;
167175
color: var(--fgColor-default, var(--color-fg-default));
168-
border: none;
169176
border-left: 2px solid transparent;
170177
background: transparent;
171178
text-decoration: none;
172179
line-height: 1.5;
173-
border-top: none;
174-
/* override Primer SideNav separator */
175180
}
176181

177182
.SideNav-item.nav-link:hover {

0 commit comments

Comments
 (0)