provide visual separation in sidebar
Enhance the sidebar display to provide visual distinction between top level items and lower level items. Top level items are now given a space above them so they are visually clumped with their children, and separated from each other. They are also emboldened for greater visual distinction. Ideally sphinx would actually tag li items with their depth as a class tag, but as it currently doesn't do that we can work around it with setting at ul li, and unsetting at ul li ul li. Change-Id: I88d4317ec69fe7fd6f5c2198f89de624f0d093dachanges/34/134934/2
parent
c8b7c4b344
commit
c7e307e359
|
@ -101,4 +101,15 @@ div.sphinxsidebar h3.highlighted {
|
|||
|
||||
div.sphinxsidebar h3.highlighted a {
|
||||
color: #EEE;
|
||||
}
|
||||
}
|
||||
|
||||
/** provide visual separation for sidebar for increased readability. */
|
||||
div.sphinxsidebar ul li {
|
||||
margin-top: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.sphinxsidebar ul li ul li {
|
||||
margin-top: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue