From 58c4ba365876a3b0675f93a2e2f5836fd1e5f3e2 Mon Sep 17 00:00:00 2001 From: Ivan Seidel Date: Fri, 1 Jul 2016 13:59:29 -0300 Subject: Improve layout, fix responsiveness --- .../jsdoc/theme/static/styles/jsdoc-default.css | 76 +++++++++++++++------- 1 file changed, 54 insertions(+), 22 deletions(-) diff --git a/support/jsdoc/theme/static/styles/jsdoc-default.css b/support/jsdoc/theme/static/styles/jsdoc-default.css index 69e1b38..9c6a449 100644 --- a/support/jsdoc/theme/static/styles/jsdoc-default.css +++ b/support/jsdoc/theme/static/styles/jsdoc-default.css @@ -107,12 +107,15 @@ tt, code, kbd, samp { #main { position: fixed; top: 50px; + left: 250px; + right: 0; + bottom: 0; float: none; min-width: 360px; overflow-y: auto; - padding-left: 250px; - width: 100%; - height: calc(100% - 50px); + /*padding-left: 250px;*/ + /*width: 100%;*/ + /*height: calc(100% - 50px);*/ } header { @@ -127,12 +130,32 @@ section, h1 { .nav.navbar-right .navbar-form { padding: 0; - margin: 0; + margin: 6px 0px; +} + +.navbar-collapse.collapse { + display: block!important; +} + +.navbar-nav>li, .navbar-nav { + float: left !important; +} + +.navbar-nav.navbar-right:last-child { + margin-right: -15px !important; +} + +.navbar-right { + float: right!important; } .twitter-typeahead input { - border-radius: 0; - height: 50px; + border-radius: 8px; + height: 38px; +} + +.twitter-typeahead input.tt-hint { + color: #AAA; } .tt-menu { @@ -272,24 +295,32 @@ nav > h2 > a { .navbar-brand { - padding: 5px; + padding: 8px; } .navbar-brand img { - height: 40px; + height: 32px; } .navbar-fixed-top { - background-color: #101010; + z-index: 1; + background-color: #F0F0F0; + padding: 0px 10px; + border-left: 6px solid #3391FE; } .navbar-fixed-top .navbar-right { - padding-right: 10px; + padding-right: 16px; } .navbar .ion-social-github { font-size: 1.5em; float: left; + color: #3391FE; +} + +.navbar .ion-social-github:hover { + color: #3D7FC1; } footer { @@ -559,6 +590,7 @@ dl.param-type { cursor: pointer; user-select: none; opacity: .8; + color: #3391FE; } .navicon-button .navicon:before, .navicon-button .navicon:after { transition: 0.25s; @@ -580,28 +612,28 @@ dl.param-type { /* navicon */ .navicon { position: relative; - width: 2.5em; - height: .3125rem; - background: #000; + width: 32px; + height: 4px; + background: #3391FE; transition: 0.3s; - border-radius: 2.5rem; + border-radius: 2px; } .navicon:before, .navicon:after { display: block; content: ""; - height: .3125rem; - width: 2.5rem; - background: #000; + height: 4px; + width: 32px; + background: #3391FE; position: absolute; z-index: -1; transition: 0.3s 0.25s; - border-radius: 1rem; + border-radius: 2px; } .navicon:before { - top: .625rem; + top: 10px; } .navicon:after { - top: -.625rem; + top: -10px; } /* open */ @@ -691,13 +723,13 @@ dl.param-type { .navicon-button { display: inline-block; position: fixed; - top: 1.5em; right: 0; z-index: 2; } #main { - width: 100%; + padding: 16px; + left: 0px; min-width: 360px; } -- cgit v1.2.1 From d8d17a4762c7724f9c93d42965055feac686088f Mon Sep 17 00:00:00 2001 From: Ivan Seidel Date: Fri, 1 Jul 2016 14:00:53 -0300 Subject: cleanup --- support/jsdoc/theme/static/styles/jsdoc-default.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/support/jsdoc/theme/static/styles/jsdoc-default.css b/support/jsdoc/theme/static/styles/jsdoc-default.css index 9c6a449..a152aed 100644 --- a/support/jsdoc/theme/static/styles/jsdoc-default.css +++ b/support/jsdoc/theme/static/styles/jsdoc-default.css @@ -113,9 +113,6 @@ tt, code, kbd, samp { float: none; min-width: 360px; overflow-y: auto; - /*padding-left: 250px;*/ - /*width: 100%;*/ - /*height: calc(100% - 50px);*/ } header { -- cgit v1.2.1 From 53a82d239594f8a909b889a240f303346e9ae899 Mon Sep 17 00:00:00 2001 From: Ivan Seidel Date: Fri, 1 Jul 2016 15:00:34 -0300 Subject: Give space to scroll, Improve headings --- support/jsdoc/jsdoc-custom.js | 2 +- .../jsdoc/theme/static/styles/jsdoc-default.css | 26 ++++++++++++++++++++-- 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/support/jsdoc/jsdoc-custom.js b/support/jsdoc/jsdoc-custom.js index a53aaf6..f00b6a7 100644 --- a/support/jsdoc/jsdoc-custom.js +++ b/support/jsdoc/jsdoc-custom.js @@ -99,7 +99,7 @@ $(function initSearchBar() { location.href = host + 'docs.html#.' + suggestion; } else { var $el = document.getElementById('.' + suggestion); - $('#main').animate({ scrollTop: $el.offsetTop }, 500); + $('#main').animate({ scrollTop: $el.offsetTop + -60 }, 500); } }); }); diff --git a/support/jsdoc/theme/static/styles/jsdoc-default.css b/support/jsdoc/theme/static/styles/jsdoc-default.css index a152aed..9c76d28 100644 --- a/support/jsdoc/theme/static/styles/jsdoc-default.css +++ b/support/jsdoc/theme/static/styles/jsdoc-default.css @@ -39,7 +39,7 @@ h1, h2, h3, h4, h5, h6 { } h1, h2, h3, h4, h5, h6 { - color: #000; + color: #565656; font-weight: 400; margin: 0; padding-top: 1em; @@ -113,6 +113,22 @@ tt, code, kbd, samp { float: none; min-width: 360px; overflow-y: auto; + padding-left: 16px; + padding-right: 16px; +} + +#main h1 { + margin-top: 100px !important; + padding-top: 0px; + border-left: 2px solid #3391FE; +} + +#main h4 { + margin-top: 120px !important; + padding-top: 0px; + padding-left: 16px; + margin-left: -16px; + border-left: 2px solid #3391FE; } header { @@ -210,7 +226,7 @@ nav { float: left; display: block; width: 250px; - background: #fff; + background: #FAFAFA; overflow: auto; position: fixed; height: 100%; @@ -218,6 +234,7 @@ nav { padding-left: 12px; overflow-y: auto; height: calc(100% - 50px); + box-shadow: 1px 0 rgba(0, 0, 0, 0.1); } nav h3 { @@ -734,6 +751,11 @@ dl.param-type { margin: 1em 0; } + #main h4 { + margin-left: -8px; + padding-left: 8px; + } + #main section { padding: 0; } -- cgit v1.2.1 From 5a2b496bbc0948d56576b72fab0ba17608910adc Mon Sep 17 00:00:00 2001 From: Ivan Seidel Date: Fri, 1 Jul 2016 15:12:01 -0300 Subject: cleanup --- support/jsdoc/jsdoc-custom.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/support/jsdoc/jsdoc-custom.js b/support/jsdoc/jsdoc-custom.js index f00b6a7..0bce1fa 100644 --- a/support/jsdoc/jsdoc-custom.js +++ b/support/jsdoc/jsdoc-custom.js @@ -99,7 +99,7 @@ $(function initSearchBar() { location.href = host + 'docs.html#.' + suggestion; } else { var $el = document.getElementById('.' + suggestion); - $('#main').animate({ scrollTop: $el.offsetTop + -60 }, 500); + $('#main').animate({ scrollTop: $el.offsetTop - 60 }, 500); } }); }); -- cgit v1.2.1