fix sidebar stling in docs theme

This commit is contained in:
Jonathan Wren 2022-01-08 14:18:36 -08:00
parent c4c60efab2
commit 3a4cfe3ac6

View file

@ -79,13 +79,21 @@ div.rst-content {
max-width: 54em;
}
.wy-side-nav-search,
.wy-menu-vertical li.current,
.wy-menu-vertical li.toctree-l1.current > a {
.wy-menu-vertical li.toctree-l1.current > a,
.wy-menu-vertical li.toctree-l2.current > a,
.wy-menu-vertical li.toctree-l3.current > a {
background-color: transparent;
border: none;
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
background: transparent;
}
.wy-nav-top {
background-color: var(--mid-purple);
background-image: linear-gradient(-211deg, var(--mid-purple) 0%, var(--dark-purple) 100%);
@ -118,6 +126,7 @@ a.icon-home:before {
}
.wy-menu-vertical a:hover,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover,
.wy-menu-vertical li.current a:hover {
background-color: var(--black-shadow);
color: var(--white);
@ -130,14 +139,10 @@ a.icon-home:before {
position: relative;
}
.wy-menu-vertical li.current > a.current {
.wy-menu-vertical li.toctree-l1.current > a {
background: var(--darkest-purple);
border: none !important;
}
.wy-menu-vertical li.current > a:hover {
background: var(--darkest-purple);
border: none;
pointer-events: none;
}
.wy-menu-vertical li.on a,
@ -146,7 +151,7 @@ a.icon-home:before {
}
.wy-menu-vertical li.on a,
.wy-menu-vertical li.current>a:after {
.wy-menu-vertical li > a.current:after {
position: absolute;
right: 0em;
z-index: 999;
@ -158,13 +163,6 @@ a.icon-home:before {
border-right: 1em solid var(--white);
}
.wy-menu-vertical li.toctree-l2.current {
font-size: 50px;
}
.wy-menu-vertical li.toctree-l2.current > a{
}
.toctree-expand:before {
display: none !important;
}
@ -192,7 +190,6 @@ a.icon-home:before {
.wy-nav-side {
background-color: var(--mid-purple);
background-image: linear-gradient(211deg, var(--mid-purple) 0%, var(--dark-purple) 100%);
font-weight: 300;
height: 100%;
}
@ -223,14 +220,8 @@ form .search-query::placeholder {
background: transparent;
}
.toctree-l2 a:first-child {
display: block;
}
.wy-menu-vertical li.current ul {
background-color: var(--mid-purple);
border-bottom: 1px solid var(--mid-purple);
border-top: 1px solid var(--dark-purple);
}