[Docs] Adjust sidebar menu width and capitalization

Make the sidebar menu slightly wider so the arrow
does not get pushed to the next line.

Also remove `text-transform: capitalize;` so we can have,
e.g., "Table of Contents" rather than "Table Of Contents".
This commit is contained in:
Anthony Fok 2015-01-17 00:11:17 -07:00
parent a4da52622c
commit 769ab9e224
2 changed files with 21 additions and 15 deletions

View file

@ -1,4 +1,4 @@
baseurl = "http://gohugo.io"
baseurl = "http://gohugo.io/"
MetaDataFormat = "yaml"
[indexes]
@ -21,38 +21,43 @@ MetaDataFormat = "yaml"
url = "http://discuss.gohugo.io"
weight = -150
[[menu.main]]
name = "about hugo"
name = "About Hugo"
identifier = "about"
pre = "<i class='fa fa-heart'></i>"
weight = -110
identifier = "about"
[[menu.main]]
name = "getting started"
name = "Getting Started"
identifier = "getting started"
pre = "<i class='fa fa-road'></i>"
weight = -100
[[menu.main]]
name = "content"
name = "Content"
identifier = "content"
pre = "<i class='fa fa-file-text'></i>"
weight = -90
[[menu.main]]
name = "themes"
name = "Themes"
identifier = "themes"
pre = "<i class='fa fa-desktop'></i>"
weight = -85
[[menu.main]]
name = "templates"
name = "Templates"
identifier = "layout"
pre = "<i class='fa fa-columns'></i>"
weight = -80
[[menu.main]]
name = "taxonomies"
name = "Taxonomies"
identifier = "taxonomy"
pre = "<i class='fa fa-tags'></i>"
weight = -70
[[menu.main]]
name = "extras"
name = "Extras"
identifier = "extras"
pre = "<i class='fa fa-gift'></i>"
weight = -60
[[menu.main]]
name = "community"
name = "Community"
identifier = "community"
pre = "<i class='fa fa-group'></i>"
weight = -50
[[menu.main]]
@ -61,10 +66,12 @@ MetaDataFormat = "yaml"
url = "http://discuss.gohugo.io"
weight = 150
[[menu.main]]
name = "tutorials"
name = "Tutorials"
identifier = "tutorials"
pre = "<i class='fa fa-book'></i>"
weight = -40
[[menu.main]]
name = "troubleshooting"
name = "Troubleshooting"
identifier = "troubleshooting"
pre = "<i class='fa fa-wrench'></i>"
weight = -30

View file

@ -164,7 +164,7 @@ input:focus, textarea:focus { outline: none; }
/*sidebar navigation*/
#sidebar {
width: 200px;
width: 214px;
height: 100%;
position: fixed;
background: #ffffff;
@ -227,7 +227,6 @@ ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
ul.sidebar-menu li{
line-height: 20px !important;
text-transform: capitalize;
}
ul.sidebar-menu li.sub-menu{
@ -254,7 +253,7 @@ ul.sidebar-menu li a{
transition: all 0.3s ease;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
overflow:hidden;
white-space: nowrap;
}
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {