Fixing the docs sidebar interactions - hugo - [fork] hugo port for 9front
HTML git clone git@git.drkhsh.at/hugo.git
DIR Log
DIR Files
DIR Refs
DIR Submodules
DIR README
DIR LICENSE
---
DIR commit 34a93fa1f3e1ffba5866931b6fce1ff99654e317
DIR parent 04d412ed164a57ff4862f34f3ab5a4d7b3d613d7
HTML Author: spf13 <steve.francia@gmail.com>
Date: Wed, 20 Aug 2014 13:13:51 -0400
Fixing the docs sidebar interactions
Diffstat:
M docs/layouts/partials/footer.html | 3 ++-
M docs/layouts/partials/menu.html | 4 ++--
M docs/static/css/style-responsive.c… | 26 +++++++-------------------
M docs/static/css/style.css | 5 +++--
A docs/static/js/jquery-2.1.1.min.js | 4 ++++
M docs/static/js/scripts.js | 21 ++++++++++++++++-----
6 files changed, 34 insertions(+), 29 deletions(-)
---
DIR diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html
@@ -19,7 +19,8 @@
</section>
<!-- container section end -->
<!-- javascripts -->
- <script src="/js/jquery.js"></script>
+ <script src="/js/jquery-2.1.1.min.js"></script>
+ <script src="/js/jquery.scrollTo.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!--custom script for all page-->
<script src="/js/highlight.pack.js"></script>
DIR diff --git a/docs/layouts/partials/menu.html b/docs/layouts/partials/menu.html
@@ -12,9 +12,9 @@
{{ .Pre }}
<!--<i class="icon_desktop"></i>-->
<span>{{ .Name }}</span>
- <span class="menu-arrow arrow_carrot-right"></span>
+ <span class="menu-arrow fa {{if $currentNode.HasMenuCurrent "main" . }}fa-angle-down{{else}}fa-angle-right{{end}}"></span>
</a>
- <ul class="sub">
+ <ul class="sub{{if $currentNode.HasMenuCurrent "main" . }} open{{end}}">
{{ range .Children }}
<li{{if $currentNode.IsMenuCurrent "main" . }} class="active"{{end}}><a href="{{.Url}}"> {{ .Name }} </a> </li>
{{ end }}
DIR diff --git a/docs/static/css/style-responsive.css b/docs/static/css/style-responsive.css
@@ -63,7 +63,7 @@
}
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
- #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
+ #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
margin-top: 15px;
}
@@ -99,14 +99,12 @@
border-right: 15px solid transparent;
}
-
/*---------*/
.btn {
margin-bottom: 5px;
}
-
.inbox-wrapper aside {
display: block;
}
@@ -200,12 +198,6 @@
margin-bottom:0px !important;
}
- /*--*/
-
- /*.chart-position {*/
- /*margin-top: 0px;*/
- /*}*/
-
.timeline-desk .album a {
margin-bottom: 5px;
margin-right: 4px;
@@ -219,20 +211,18 @@
margin-bottom: 0;
}
-
-
}
@media (max-width: 740px) {
- #task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar{
+ #task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar {
display: none;
}
}
@media (max-width: 480px) {
- .notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
+ .notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn {
display: none;
}
@@ -240,13 +230,14 @@
display: block;
}
- .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
+ .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right {
width: 100% ;
}
#top_menu .nav > li, ul.top-menu > li {
float: right;
}
+
.hidden-phone {
display: none !important;
}
@@ -274,6 +265,7 @@
}
@media (max-width:320px) {
+
.login-social-link a {
padding: 15px 17px !important;
}
@@ -286,7 +278,7 @@
display: block ;
}
- .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
+ .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right {
width: 100% ;
}
@@ -320,7 +312,3 @@
}
}
-
-
-
-
DIR diff --git a/docs/static/css/style.css b/docs/static/css/style.css
@@ -354,7 +354,7 @@ table tr th { color: #007AFF;}
/*sidebar navigation*/
#sidebar {
- width: 190px;
+ width: 200px;
height: 100%;
position: fixed;
background: #ffffff;
@@ -453,6 +453,7 @@ ul.sidebar-menu li a{
transition: all 0.3s ease;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
+ overflow:hidden;
}
/*ul.sidebar-menu li a i{
position: relative;
@@ -586,7 +587,7 @@ ul.sidebar-menu li.active a i {
/*main content*/
#main-content {
- margin-left: 180px;
+ margin-left: 200px;
line-height: 1.8;
font-size: 19px;
}
DIR diff --git a/docs/static/js/jquery-2.1.1.min.js b/docs/static/js/jquery-2.1.1.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v2.1.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
drkhsh.at:70 /scm/hugo/commit/34a93fa1f3e1ffba5866931b6fce1ff99654e317.gph:183: line too long