From d229b2c1e559ac79053351a3bd1313e0e662c478 Mon Sep 17 00:00:00 2001 From: flynnduism Date: Tue, 5 Mar 2019 09:35:55 -0800 Subject: [PATCH] make the left side menu sticky on scroll --- .../techdoc-brigade/layouts/partials/footer.html | 13 +++++++++++++ docs/themes/techdoc-brigade/static/css/theme.css | 14 ++++++++++++++ .../techdoc-brigade/static/css/theme.min.css | 2 +- .../techdoc-brigade/static/scss/_brigade.scss | 15 +++++++++++++++ 4 files changed, 43 insertions(+), 1 deletion(-) diff --git a/docs/themes/techdoc-brigade/layouts/partials/footer.html b/docs/themes/techdoc-brigade/layouts/partials/footer.html index 59213cd29..4cf4907d0 100755 --- a/docs/themes/techdoc-brigade/layouts/partials/footer.html +++ b/docs/themes/techdoc-brigade/layouts/partials/footer.html @@ -9,3 +9,16 @@ + + diff --git a/docs/themes/techdoc-brigade/static/css/theme.css b/docs/themes/techdoc-brigade/static/css/theme.css index 70006c543..08840e664 100755 --- a/docs/themes/techdoc-brigade/static/css/theme.css +++ b/docs/themes/techdoc-brigade/static/css/theme.css @@ -1021,6 +1021,20 @@ header nav ul li a { color: #647b83; } +.sidebar.fixed nav { + position: fixed; + max-width: 300px; + left: 0; + top: 0; + bottom: 0; + z-index: 1500; + overflow-y: scroll; +} + +.sidebar.fixed nav ul { + padding-bottom: 0.667rem; +} + main { padding-bottom: 0; } diff --git a/docs/themes/techdoc-brigade/static/css/theme.min.css b/docs/themes/techdoc-brigade/static/css/theme.min.css index ca0f5f0b7..0775f7bed 100755 --- a/docs/themes/techdoc-brigade/static/css/theme.min.css +++ b/docs/themes/techdoc-brigade/static/css/theme.min.css @@ -1 +1 @@ -/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}body{font-family:work_sansregular,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";line-height:1.9;background:#fafafa;margin:0}a{color:#2e7eb3}a:hover{color:#38a0e4}p{font-size:1rem}code{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.95rem;background:#f0f0f0;padding:.2rem}pre{overflow:auto;background:#f4f6f8;padding:1rem;border:1px solid #f0f0f0}pre code{background-color:transparent;padding:0}blockquote{background:#f9f9f9;color:#959595;border-left:4px solid #e5e5e5;margin-left:0;padding:.1rem .8rem}table{border-spacing:0;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;margin-bottom:2rem;width:100%}th{font-weight:700}td,th{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:.4em}tr:nth-child(2n) td{background:#f8f8f8}img{max-width:100%}figure{margin:0}hr{height:2px;border:0;background-color:#ccc}body,html{height:100%}.container{width:100%;height:100%;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{box-sizing:border-box;display:-ms-flexbox;display:flex}.content-container{-ms-flex:1 0 auto;flex:1 0 auto}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.sidebar,main{box-sizing:border-box}.sidebar{-ms-flex:0 0 25%;flex:0 0 25%;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:480px){.content-container{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{max-width:100%}.sidebar,main{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-ms-flex-order:1;order:1}}.pagination{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem;font-weight:700}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{margin-bottom:2rem;padding:1rem}.panel-primary{border:1px solid #f0f0f0}.panel-notice{color:#fff;background:#4ba0e1}.panel-success{color:#fff;background:#609f43}.panel-caution{color:#fff;background:#de776d}.panel-warning{color:#fff;background:#e67e22}.panel-danger{color:#fff;background:#ce3426}.panel-header h3{margin:0;margin-bottom:.6rem}.button{display:inline-block;font-size:120%;padding:.8rem;font-weight:700;border-radius:12px;background:#4ba0e1;margin-bottom:1.2rem}.button,.button:hover{text-decoration:none;color:#fff}.button:hover{background:#3b89c5}.button-primary{border:1px solid #f0f0f0}.button-success{background:#369b08}.button-success:hover{background:#256905}.button-caution{background:#f56558}.button-caution:hover{background:#d45145}.button-warning{background:#f5811b}.button-warning:hover{background:#db7012}.button-danger{background:#ce3426}.button-danger:hover{background:#a0281d}.notification{padding:.2rem 1.2rem;text-align:center;background:#eee}.backtothetop{display:none;font-size:200%}.fa-layers .fa-circle{color:#fff}header{background:#000;padding:.2rem 1.2rem}header h1{color:#fff;font-size:140%;display:inline-block;margin:0}header .version{color:#fff;font-size:80%}header .github{margin-left:.4rem;color:#ddd;font-size:180%}header .github:hover{color:#fff}.description{color:#ddd;margin:0}.menu{background:#000;padding:0 1.2rem .4rem;color:#ddd;border-top:1px solid #333}.menu ul{list-style:none;padding:0;margin:0}.menu li{display:inline-block;margin-right:1.8rem;position:relative}.menu ul.sub-menu{display:none;margin:0;position:absolute;top:1.8rem;left:0;z-index:1}.menu ul.sub-menu li{padding:.4rem;background:#000;width:140px;font-size:80%}.menu .fa-angle-right{margin-left:.4rem;font-size:80%}.menu li.parent:hover>ul.sub-menu{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.menu li{display:block;margin-right:0;border-bottom:1px solid #333}.menu li:last-child{border-bottom:none}.menu .fa-angle-right{display:none}.menu ul.sub-menu{display:block;position:static}.menu ul.sub-menu li{width:auto}}.menu a{display:block;color:#ddd;text-decoration:none}.menu a:hover{color:#fff}main{padding:1rem 3rem 3rem}@media screen and (max-width:480px){main{padding:1rem}}.sidebar{font-size:90%;background:#f9f9f9;border-right:1px solid #eee}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul ul ul{margin-left:1rem}.sidebar a{display:block;color:#404040;text-decoration:none;padding:.2rem 1.2rem;border-left:4px solid #f9f9f9;border-bottom:1px solid #eee}.sidebar a:hover{color:#404040;background:#eee;border-left:4px solid #ccc}.sidebar li li a{padding-left:2rem}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar-footer{margin:1rem;margin-top:2rem}.edit-meta,footer{margin-top:2rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{font-size:80%;text-align:right;color:#999}@font-face{font-family:work_sansregular;src:url(../../fonts/worksans-regular-webfont.eot);src:url(../../fonts/worksans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/worksans-regular-webfont.woff) format("woff"),url(../../fonts/worksans-regular-webfont.ttf) format("truetype"),url(../../fonts/worksans-regular-webfont.svg#f310d4dccd89e059e79d3b6deebb4725) format("svg");font-style:normal;font-weight:400}header{border-top:4px solid #37b0e7;background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#9aaacd);min-height:7.5rem}header h1,header p{color:#277a9f!important}header h1{text-indent:-9999em;position:absolute;left:2.5%;top:1.5rem;background:url(../img/brigade.png) no-repeat 0 0;background-size:contain;width:240px;min-height:78px;display:block}header p{text-indent:-999em}header .menu{background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#9aaacd);border:none}header .menu a{color:#277a9f}header nav{position:absolute;right:5%;top:3.125rem}header nav ul li a{font-size:1.125rem}.sidebar{background:#f6f9fa;max-width:300px!important}.sidebar nav{padding-top:1rem}.sidebar nav ul li a{border:none;transition:all .3s ease-in-out;color:#277a9f}.sidebar nav ul li.active a,.sidebar nav ul li a:hover{border-left:0 solid #ccc!important;background:#eff4f5!important}.sidebar nav ul li.active a{color:#37b0e7!important}.sidebar nav ul li ul{padding-bottom:.667rem}.sidebar nav ul li ul li a{font-size:.825rem;color:#647b83}main{padding-bottom:0}main article.content-wrap{-ms-flex:auto!important;flex:auto!important;max-width:auto!important;max-width:780px!important;margin-left:auto!important;margin-right:auto!important}main article.content-wrap h1{color:#277a9f;margin-bottom:1.25rem}main article.content-wrap h1+h1{font-weight:400;font-size:1rem;margin:-1rem 0 2rem;color:#37b0e7}main article.content-wrap h1+h1+p{font-size:1.25rem;line-height:1.6;margin-bottom:2.25rem}main article.content-wrap h2{color:#37b0e7;margin-top:2.5rem}main article.content-wrap p{line-height:1.7;padding-right:5%;color:#647b83}main article.content-wrap ol li,main article.content-wrap ul li{color:#647b83;line-height:1.8;padding-bottom:.333rem}main article.content-wrap img{margin:2.5rem auto;box-shadow:0 2px 5px hsla(0,0%,39%,.5);max-width:100%}main article.content-wrap code{background:#e4ece8}main article.content-wrap pre{margin-top:1.5rem;margin-bottom:1.5rem;color:#6a818a;border-radius:.667rem;background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#dde7e2);line-height:1.4}article li a,article p a,article small a,nav.pagination a{color:#37b0e7;position:relative;transition:all .3s ease-in-out;text-decoration:none}article li a:after,article p a:after,article small a:after,nav.pagination a:after{width:10%;height:3px;position:absolute;bottom:-2px;left:50%;display:block;content:" ";background:#37b0e7;opacity:0;transition:all .3s ease-in-out}article li a:hover:after,article p a:hover:after,article small a:hover:after,nav.pagination a:hover:after{width:100%;left:0;opacity:1}footer{margin:0 auto;padding:4rem 0 1.5rem;background-color:#f7f9fa;text-align:center}footer a,footer p,footer p.powered{color:#aaa} \ No newline at end of file +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}body{font-family:work_sansregular,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";line-height:1.9;background:#fafafa;margin:0}a{color:#2e7eb3}a:hover{color:#38a0e4}p{font-size:1rem}code{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.95rem;background:#f0f0f0;padding:.2rem}pre{overflow:auto;background:#f4f6f8;padding:1rem;border:1px solid #f0f0f0}pre code{background-color:transparent;padding:0}blockquote{background:#f9f9f9;color:#959595;border-left:4px solid #e5e5e5;margin-left:0;padding:.1rem .8rem}table{border-spacing:0;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;margin-bottom:2rem;width:100%}th{font-weight:700}td,th{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:.4em}tr:nth-child(2n) td{background:#f8f8f8}img{max-width:100%}figure{margin:0}hr{height:2px;border:0;background-color:#ccc}body,html{height:100%}.container{width:100%;height:100%;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{box-sizing:border-box;display:-ms-flexbox;display:flex}.content-container{-ms-flex:1 0 auto;flex:1 0 auto}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.sidebar,main{box-sizing:border-box}.sidebar{-ms-flex:0 0 25%;flex:0 0 25%;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:480px){.content-container{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{max-width:100%}.sidebar,main{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-ms-flex-order:1;order:1}}.pagination{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem;font-weight:700}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{margin-bottom:2rem;padding:1rem}.panel-primary{border:1px solid #f0f0f0}.panel-notice{color:#fff;background:#4ba0e1}.panel-success{color:#fff;background:#609f43}.panel-caution{color:#fff;background:#de776d}.panel-warning{color:#fff;background:#e67e22}.panel-danger{color:#fff;background:#ce3426}.panel-header h3{margin:0;margin-bottom:.6rem}.button{display:inline-block;font-size:120%;padding:.8rem;font-weight:700;border-radius:12px;background:#4ba0e1;margin-bottom:1.2rem}.button,.button:hover{text-decoration:none;color:#fff}.button:hover{background:#3b89c5}.button-primary{border:1px solid #f0f0f0}.button-success{background:#369b08}.button-success:hover{background:#256905}.button-caution{background:#f56558}.button-caution:hover{background:#d45145}.button-warning{background:#f5811b}.button-warning:hover{background:#db7012}.button-danger{background:#ce3426}.button-danger:hover{background:#a0281d}.notification{padding:.2rem 1.2rem;text-align:center;background:#eee}.backtothetop{display:none;font-size:200%}.fa-layers .fa-circle{color:#fff}header{background:#000;padding:.2rem 1.2rem}header h1{color:#fff;font-size:140%;display:inline-block;margin:0}header .version{color:#fff;font-size:80%}header .github{margin-left:.4rem;color:#ddd;font-size:180%}header .github:hover{color:#fff}.description{color:#ddd;margin:0}.menu{background:#000;padding:0 1.2rem .4rem;color:#ddd;border-top:1px solid #333}.menu ul{list-style:none;padding:0;margin:0}.menu li{display:inline-block;margin-right:1.8rem;position:relative}.menu ul.sub-menu{display:none;margin:0;position:absolute;top:1.8rem;left:0;z-index:2}.menu ul.sub-menu li{padding:.4rem;background:#000;width:140px;font-size:80%}.menu .fa-angle-right{margin-left:.4rem;font-size:80%}.menu li.parent:hover>ul.sub-menu{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.menu li{display:block;margin-right:0;border-bottom:1px solid #333}.menu li:last-child{border-bottom:none}.menu .fa-angle-right{display:none}.menu ul.sub-menu{display:block;position:static}.menu ul.sub-menu li{width:auto}}.menu a{display:block;color:#ddd;text-decoration:none}.menu a:hover{color:#fff}main{padding:1rem 3rem 3rem}@media screen and (max-width:480px){main{padding:1rem}}.sidebar{font-size:90%;background:#f9f9f9;border-right:1px solid #eee}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul ul ul{margin-left:1rem}.sidebar a{display:block;color:#404040;text-decoration:none;padding:.2rem 1.2rem;border-left:4px solid #f9f9f9;border-bottom:1px solid #eee}.sidebar a:hover{color:#404040;background:#eee;border-left:4px solid #ccc}.sidebar li li a{padding-left:2rem}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar-footer{margin:1rem;margin-top:2rem}.edit-meta,footer{margin-top:2rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{font-size:80%;text-align:right;color:#999}@font-face{font-family:work_sansregular;src:url(../../fonts/worksans-regular-webfont.eot);src:url(../../fonts/worksans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/worksans-regular-webfont.woff) format("woff"),url(../../fonts/worksans-regular-webfont.ttf) format("truetype"),url(../../fonts/worksans-regular-webfont.svg#f310d4dccd89e059e79d3b6deebb4725) format("svg");font-style:normal;font-weight:400}header{border-top:4px solid #37b0e7;background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#9aaacd);min-height:7.5rem}header h1,header p{color:#277a9f!important}header h1{text-indent:-9999em;position:absolute;left:2.5%;top:1.5rem;background:url(../img/brigade.png) no-repeat 0 0;background-size:contain;width:240px;min-height:78px;display:block}header p{text-indent:-999em}header .menu{background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#9aaacd);border:none}header .menu a{color:#277a9f}header nav{position:absolute;right:5%;top:3.125rem}header nav ul li a{font-size:1.125rem}.sidebar{background:#f6f9fa;max-width:300px!important}.sidebar nav{padding-top:1rem}.sidebar nav ul li a{border:none;transition:all .3s ease-in-out;color:#277a9f}.sidebar nav ul li.active a,.sidebar nav ul li a:hover{border-left:0 solid #ccc!important;background:#eff4f5!important}.sidebar nav ul li.active a{color:#37b0e7!important}.sidebar nav ul li ul{padding-bottom:.667rem}.sidebar nav ul li ul li a{font-size:.825rem;color:#647b83}.sidebar.fixed nav{position:fixed;max-width:300px;left:0;top:0;bottom:0;z-index:1;overflow-y:scroll}.sidebar.fixed nav ul{padding-bottom:.667rem}main{padding-bottom:0}main article.content-wrap{-ms-flex:auto!important;flex:auto!important;max-width:auto!important;max-width:780px!important;margin-left:auto!important;margin-right:auto!important}main article.content-wrap h1{color:#277a9f;margin-bottom:1.25rem}main article.content-wrap h1+h1{font-weight:400;font-size:1rem;margin:-1rem 0 2rem;color:#37b0e7}main article.content-wrap h1+h1+p{font-size:1.25rem;line-height:1.6;margin-bottom:2.25rem}main article.content-wrap h2{color:#37b0e7;margin-top:2.5rem}main article.content-wrap p{line-height:1.7;padding-right:5%;color:#647b83}main article.content-wrap ol li,main article.content-wrap ul li{color:#647b83;line-height:1.8;padding-bottom:.333rem}main article.content-wrap img{margin:2.5rem auto;box-shadow:0 2px 5px hsla(0,0%,39%,.5);max-width:100%}main article.content-wrap code{background:#e4ece8}main article.content-wrap pre{margin-top:1.5rem;margin-bottom:1.5rem;color:#6a818a;border-radius:.667rem;background:#e4ece8;background:linear-gradient(90deg,#e4ece8,#dde7e2);line-height:1.4}article li a,article p a,article small a,nav.pagination a{color:#37b0e7;position:relative;transition:all .3s ease-in-out;text-decoration:none}article li a:after,article p a:after,article small a:after,nav.pagination a:after{width:10%;height:3px;position:absolute;bottom:-2px;left:50%;display:block;content:" ";background:#37b0e7;opacity:0;transition:all .3s ease-in-out}article li a:hover:after,article p a:hover:after,article small a:hover:after,nav.pagination a:hover:after{width:100%;left:0;opacity:1}footer{margin:0 auto;padding:4rem 0 1.5rem;background-color:#f7f9fa;text-align:center}footer a,footer p,footer p.powered{color:#aaa} \ No newline at end of file diff --git a/docs/themes/techdoc-brigade/static/scss/_brigade.scss b/docs/themes/techdoc-brigade/static/scss/_brigade.scss index 562912f25..73eeef0ec 100644 --- a/docs/themes/techdoc-brigade/static/scss/_brigade.scss +++ b/docs/themes/techdoc-brigade/static/scss/_brigade.scss @@ -114,6 +114,21 @@ header { } } } + + // make the sidebar content 'sticky' + &.fixed nav { + position: fixed; + max-width: 300px; + left: 0; + top: 0; + bottom: 0; + z-index: 1500; + overflow-y: scroll; + + ul { + padding-bottom: 0.667rem; + } + } } main {