Browse code
Simplfy the sidebar html and css, and then allow the text to wrap
Signed-off-by: Sven Dowideit <SvenDowideit@home.org.au>
Sven Dowideit authored on 2015/02/06 13:31:04Showing 3 changed files
| ... | ... |
@@ -22,22 +22,39 @@ |
| 22 | 22 |
|
| 23 | 23 |
#leftnav {
|
| 24 | 24 |
height: 100%; |
| 25 |
+ overflow: hidden; |
|
| 25 | 26 |
} |
| 26 | 27 |
|
| 27 |
-#leftnav h3 {
|
|
| 28 |
- font-size: 10px; |
|
| 29 |
- font-weight: 700; |
|
| 30 |
- color: #394d54; |
|
| 28 |
+#leftnav .nav ul {
|
|
| 31 | 29 |
line-height: 1; |
| 32 |
- margin: 10px 0 10px 0; |
|
| 33 |
- padding-left: 20px; |
|
| 34 |
- white-space: nowrap; |
|
| 35 |
- overflow: hidden; |
|
| 36 |
- text-overflow: ellipsis; |
|
| 30 |
+ margin: 10px 10px 0px 16px; |
|
| 31 |
+ padding: 0; |
|
| 32 |
+ list-style: none; |
|
| 33 |
+} |
|
| 34 |
+#leftnav .nav li ul a, |
|
| 35 |
+#leftnav .nav li ul a:hover {
|
|
| 36 |
+ margin: 0 !important; |
|
| 37 |
+ padding: 0 !important; |
|
| 38 |
+ font-size: 13px; |
|
| 39 |
+ font-weight: 400; |
|
| 40 |
+ color: #394d54; |
|
| 41 |
+} |
|
| 42 |
+#leftnav .nav li ul a:hover {
|
|
| 43 |
+ color: #24b8eb; |
|
| 37 | 44 |
} |
| 38 | 45 |
|
| 39 |
-#leftnav li.active {
|
|
| 40 |
- margin-bottom: 10px; |
|
| 46 |
+#leftnav .nav.nav-tabs li a, |
|
| 47 |
+#leftnav .nav.nav-tabs li li {
|
|
| 48 |
+ line-height: 1.1 !important; |
|
| 49 |
+} |
|
| 50 |
+ |
|
| 51 |
+#leftnav li {
|
|
| 52 |
+ margin-top: 20px; |
|
| 53 |
+ text-indent: -16px; |
|
| 54 |
+ padding-left: 16px; |
|
| 55 |
+} |
|
| 56 |
+#leftnav .nav-tabs.nav ul li {
|
|
| 57 |
+ margin-top: 5px; |
|
| 41 | 58 |
} |
| 42 | 59 |
|
| 43 | 60 |
.content-body {
|
| ... | ... |
@@ -322,13 +339,6 @@ pre {
|
| 322 | 322 |
font-weight: bold; |
| 323 | 323 |
} |
| 324 | 324 |
|
| 325 |
-#leftnav .nav.nav-tabs li a {
|
|
| 326 |
- line-height: 20px !important; |
|
| 327 |
- padding-top: 15px !important; |
|
| 328 |
- padding-right: 8px; |
|
| 329 |
- padding-bottom: 15px !important; |
|
| 330 |
-} |
|
| 331 |
- |
|
| 332 | 325 |
/* Logged-in/out header */ |
| 333 | 326 |
.topmostnav_loggedin {
|
| 334 | 327 |
display: none; |
| ... | ... |
@@ -991,7 +991,7 @@ div + .form-inline {
|
| 991 | 991 |
#leftnav .nav.nav-tabs.nav-stacked > li > a {
|
| 992 | 992 |
border: 0; |
| 993 | 993 |
} |
| 994 |
-#leftnav .nav.nav-tabs li.active a {
|
|
| 994 |
+Killwithfire #leftnav .nav.nav-tabs li.active a {
|
|
| 995 | 995 |
font-size: 16px; |
| 996 | 996 |
font-weight: 500; |
| 997 | 997 |
color: #394d54; |
| ... | ... |
@@ -1001,14 +1001,14 @@ div + .form-inline {
|
| 1001 | 1001 |
border-left: 10px solid #ade5f9; |
| 1002 | 1002 |
padding-left: 9px; |
| 1003 | 1003 |
} |
| 1004 |
-#leftnav .nav.nav-tabs li.active a:hover {
|
|
| 1004 |
+Killwithfire #leftnav .nav.nav-tabs li.active a:hover {
|
|
| 1005 | 1005 |
font-size: 16px; |
| 1006 | 1006 |
font-weight: 500; |
| 1007 | 1007 |
color: #24b8eb; |
| 1008 | 1008 |
text-decoration: none; |
| 1009 | 1009 |
cursor: pointer; |
| 1010 | 1010 |
} |
| 1011 |
-#leftnav .nav.nav-tabs li.active a:focus {
|
|
| 1011 |
+Killwithfire #leftnav .nav.nav-tabs li.active a:focus {
|
|
| 1012 | 1012 |
outline: none; |
| 1013 | 1013 |
} |
| 1014 | 1014 |
#leftnav .nav.nav-tabs > li > a {
|
| ... | ... |
@@ -1,8 +1,11 @@ |
| 1 | 1 |
{% for toc_item in toc %}
|
| 2 | 2 |
{% for toc_h2_item in toc_item.children %}
|
| 3 |
- <li class=""><a href="{{ toc_h2_item.url }}">{{ toc_h2_item.title }}</a></li>
|
|
| 3 |
+ <li class=""><a href="{{ toc_h2_item.url }}">{{ toc_h2_item.title }}</a>
|
|
| 4 |
+ <ul> |
|
| 4 | 5 |
{% for toc_h3_item in toc_h2_item.children %}
|
| 5 |
- <h3><a href="{{ toc_h3_item.url }}">{{ toc_h3_item.title }}</a></h3>
|
|
| 6 |
+ <li><a href="{{ toc_h3_item.url }}">{{ toc_h3_item.title }}</a></li>
|
|
| 6 | 7 |
{% endfor %}
|
| 8 |
+ </ul> |
|
| 9 |
+ </li> |
|
| 7 | 10 |
{% endfor %}
|
| 8 | 11 |
{% endfor %}
|