Skip to content

Commit 4c5d321

Browse files
author
rakeshAlgo
committed
Implement continuous gray background from left nav
1 parent 5c534ef commit 4c5d321

File tree

1 file changed

+27
-3
lines changed

1 file changed

+27
-3
lines changed

src/css/nav.css

Lines changed: 27 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,34 @@
4545
height: 100%;
4646
/* height: var(--height-nav); */
4747
z-index: var(--z-index-nav);
48-
border-left: 2px solid #eee;
48+
/* border-left: 2px solid #eee; */
4949
}
50+
51+
.left-sidebar-menu:before {
52+
position: absolute;
53+
content: '';
54+
display: inline-block;
55+
width: 1000%;
56+
height: 100%;
57+
background: var(--color-brand-gray7);
58+
top: 0;
59+
z-index: 1;
60+
left: -1000%;
61+
}
62+
/* open this if you need version dropdown with continuous background */
63+
64+
/* .version-control-box:before {
65+
position: absolute;
66+
content: '';
67+
display: inline-block;
68+
width: 1000%;
69+
height: 100%;
70+
background: var(--color-brand-gray6);
71+
top: 0;
72+
z-index: 11;
73+
left: -1000%;
74+
} */
75+
5076
}
5177

5278
.nav-menu .nav-link,
@@ -481,8 +507,6 @@ a.menu-expand-toggle {
481507
top: var(--height-to-body);
482508
margin-bottom: 1.5rem;
483509
/* height: var(--height-nav); */
484-
border-left: 2px solid #eee;
485-
border-right: 2px solid #eee;
486510
}
487511

488512
.nav-control {

0 commit comments

Comments
 (0)