From cfc9e1db5f5480c9563753a0410f0955e754e3e8 Mon Sep 17 00:00:00 2001 From: ravindk89 Date: Mon, 8 Feb 2021 21:22:58 -0500 Subject: [PATCH] Fixing sidebar overflow --- source/_static/css/main.css | 3 ++- source/_static/css/main.min.css | 2 +- source/_static/scss/includes/_aside.scss | 1 + 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/source/_static/css/main.css b/source/_static/css/main.css index c5c0d09a..426c4f15 100644 --- a/source/_static/css/main.css +++ b/source/_static/css/main.css @@ -559,7 +559,8 @@ a.nav__item:not(:last-child).active > span::after, a.nav__item:not(:last-child): transition: opacity 400ms, -webkit-transform 300ms; transition: opacity 400ms, transform 300ms; transition: opacity 400ms, transform 300ms, -webkit-transform 300ms; - padding: 2rem 2rem 2rem 0; } + padding: 2rem 2rem 2rem 0; + overflow-y: auto; } @media (max-width: 991px) { .sidebar { position: fixed; diff --git a/source/_static/css/main.min.css b/source/_static/css/main.min.css index 6a89edca..3e24dced 100644 --- a/source/_static/css/main.min.css +++ b/source/_static/css/main.min.css @@ -1 +1 @@ -@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],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}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}h1,h2,h3,h4,h5{color:#1c1c1c}h1>a.toc-backref,h2>a.toc-backref,h3>a.toc-backref,h4>a.toc-backref,h5>a.toc-backref{color:#1c1c1c}div.admonition{margin-top:0}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1.2rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}@media (min-width:1200px){.content,.header{padding:0 4rem}}@media (max-width:1199px){.content,.header{padding:0 2rem}}.content{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5rem)}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start}@media (min-width:1200px){.content__main{padding:4rem}}@media (max-width:1199px){.content__main{padding:2rem}}.content__right{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;max-width:200px}.header{height:5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center}@media (min-width:992px){.header .toggle-icon{display:none}}.header .toggle-icon--menu{margin-left:auto}.logo{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (max-width:991px){.logo{margin-left:1rem}}.logo>img{height:1.05rem;-webkit-box-shadow:none;box-shadow:none}.nav{margin-left:auto}@media (max-width:991px){.nav{position:fixed;height:100vh;width:18rem;top:0;right:0;-webkit-transform:translate3d(18rem,0,0);transform:translate3d(18rem,0,0);opacity:0;-webkit-box-shadow:0 0 .8rem rgba(0,0,0,.1);box-shadow:0 0 .8rem rgba(0,0,0,.1);background-color:rgba(255,255,255,.9925);pointer-events:none;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem 2rem 2rem;height:100%;overflow-y:auto}}.nav>.toggle-icon{position:absolute;top:.7rem;right:.7rem;z-index:1}.nav-toggled .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.nav__item{position:relative;font-size:.95rem;line-height:100%;border-radius:.2rem;cursor:pointer}.nav__item,.nav__item:hover{color:#4b4b4b}@media (min-width:992px){.nav__item{padding:.4rem 1.2rem .55rem}.nav__item:hover .nav__dropdown{opacity:1;pointer-events:all}}@media (max-width:991px){.nav__item{padding:.85rem 0}}.nav__item:last-child{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;text-align:center}.nav__item:last-child:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__item:last-child{margin-top:1rem}}a.nav__item:not(:last-child)>span{position:relative;cursor:pointer}a.nav__item:not(:last-child)>span:after{left:0;bottom:-7px;height:1px;width:100%;position:absolute;content:"";opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:opacity 250ms,-webkit-transform 250ms;transition:opacity 250ms,-webkit-transform 250ms;transition:opacity 250ms,transform 250ms;transition:opacity 250ms,transform 250ms,-webkit-transform 250ms;background-color:#4b4b4b}a.nav__item:not(:last-child).active>span::after,a.nav__item:not(:last-child):hover>span::after{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media (min-width:992px){span.nav__item:after{left:50%;margin-left:-12px;content:"";width:0;height:0;border-style:solid;border-width:0 12px 10px;border-color:transparent transparent #fff transparent;position:absolute;bottom:-3px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}span.nav__item:hover:after{opacity:1}}@media (min-width:992px){.nav__dropdown{background-color:#fff;padding:1.25rem;border-radius:.4rem;-webkit-box-shadow:0 -1px 1.25rem rgba(0,0,0,.13);box-shadow:0 -1px 1.25rem rgba(0,0,0,.13);margin-top:.3rem;width:24rem;-webkit-transform:translateX(calc(-50% + 2.8rem));transform:translateX(calc(-50% + 2.8rem));position:absolute;left:0;top:86%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;max-height:calc(100vh - 5rem);overflow-y:auto}}@media (max-width:991px){.nav__dropdown{margin:1rem -2rem -.8rem;padding:.5rem 2rem;background-color:#f9f9f9}}.nav__sub{display:block;text-align:left;font-size:1rem;color:#000;position:relative}@media (min-width:992px){.nav__sub{padding:1rem;border-radius:.4rem;-webkit-transition:background-color .3s;transition:background-color .3s}.nav__sub:hover{background-color:#f8f8f8;color:#000}}@media (max-width:991px){.nav__sub{padding:.75rem 0}}.nav__sub>small{display:block;font-size:.8rem;color:#7f7f7f;margin-top:.7rem;line-height:1.4}.nav__close{position:absolute;top:1.25rem;left:-2.7rem}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.2rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.sidebar{width:18rem;position:sticky;position:-webkit-sticky;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2rem 2rem 2rem 0}@media (max-width:991px){.sidebar{position:fixed;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);height:100%;-webkit-box-shadow:0 0 1.5rem rgba(0,0,0,.15);box-shadow:0 0 1.5rem rgba(0,0,0,.15);opacity:0;z-index:11;pointer-events:none;height:100%;overflow-y:auto;padding-left:2rem}}.sidebar>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.sidebar>.toggle-icon{display:none}}.sidebar__title{margin:0 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.sidebar-toggled .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.search{margin-bottom:.8rem}@media (max-width:991px){.search{margin-right:-1rem;margin-left:-1rem}}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff}@media (min-width:992px){.search__text{border-radius:.2rem}}.search__text:focus{border-color:#cacaca}.docs ul{list-style:none;padding:0;font-size:.95rem}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs>ul{margin:0}.docs>ul>li>a{color:#1c1c1c;padding:.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.docs>ul>li>a:hover{color:#000}.docs>ul>li.current>a{color:#c72c48;font-weight:500}.docs>ul>li>ul{margin:0 0 .5rem}.docs>ul>li>ul>li>a{font-size:.85rem;color:#494949;display:block;padding:.4rem 0}.docs>ul>li>ul>li>a:hover{color:#000}.docs>ul>li>ul>li>a.current{color:#000;font-weight:500}div#localtoc{font-size:13px;margin-left:20px}#table-of-contents{background:0 0;border-style:none}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px} \ No newline at end of file +@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],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}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}h1,h2,h3,h4,h5{color:#1c1c1c}h1>a.toc-backref,h2>a.toc-backref,h3>a.toc-backref,h4>a.toc-backref,h5>a.toc-backref{color:#1c1c1c}div.admonition{margin-top:0}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1.2rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}@media (min-width:1200px){.content,.header{padding:0 4rem}}@media (max-width:1199px){.content,.header{padding:0 2rem}}.content{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5rem)}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start}@media (min-width:1200px){.content__main{padding:4rem}}@media (max-width:1199px){.content__main{padding:2rem}}.content__right{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;max-width:200px}.header{height:5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center}@media (min-width:992px){.header .toggle-icon{display:none}}.header .toggle-icon--menu{margin-left:auto}.logo{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (max-width:991px){.logo{margin-left:1rem}}.logo>img{height:1.05rem;-webkit-box-shadow:none;box-shadow:none}.nav{margin-left:auto}@media (max-width:991px){.nav{position:fixed;height:100vh;width:18rem;top:0;right:0;-webkit-transform:translate3d(18rem,0,0);transform:translate3d(18rem,0,0);opacity:0;-webkit-box-shadow:0 0 .8rem rgba(0,0,0,.1);box-shadow:0 0 .8rem rgba(0,0,0,.1);background-color:rgba(255,255,255,.9925);pointer-events:none;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem 2rem 2rem;height:100%;overflow-y:auto}}.nav>.toggle-icon{position:absolute;top:.7rem;right:.7rem;z-index:1}.nav-toggled .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.nav__item{position:relative;font-size:.95rem;line-height:100%;border-radius:.2rem;cursor:pointer}.nav__item,.nav__item:hover{color:#4b4b4b}@media (min-width:992px){.nav__item{padding:.4rem 1.2rem .55rem}.nav__item:hover .nav__dropdown{opacity:1;pointer-events:all}}@media (max-width:991px){.nav__item{padding:.85rem 0}}.nav__item:last-child{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;text-align:center}.nav__item:last-child:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__item:last-child{margin-top:1rem}}a.nav__item:not(:last-child)>span{position:relative;cursor:pointer}a.nav__item:not(:last-child)>span:after{left:0;bottom:-7px;height:1px;width:100%;position:absolute;content:"";opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:opacity 250ms,-webkit-transform 250ms;transition:opacity 250ms,-webkit-transform 250ms;transition:opacity 250ms,transform 250ms;transition:opacity 250ms,transform 250ms,-webkit-transform 250ms;background-color:#4b4b4b}a.nav__item:not(:last-child).active>span::after,a.nav__item:not(:last-child):hover>span::after{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media (min-width:992px){span.nav__item:after{left:50%;margin-left:-12px;content:"";width:0;height:0;border-style:solid;border-width:0 12px 10px;border-color:transparent transparent #fff transparent;position:absolute;bottom:-3px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}span.nav__item:hover:after{opacity:1}}@media (min-width:992px){.nav__dropdown{background-color:#fff;padding:1.25rem;border-radius:.4rem;-webkit-box-shadow:0 -1px 1.25rem rgba(0,0,0,.13);box-shadow:0 -1px 1.25rem rgba(0,0,0,.13);margin-top:.3rem;width:24rem;-webkit-transform:translateX(calc(-50% + 2.8rem));transform:translateX(calc(-50% + 2.8rem));position:absolute;left:0;top:86%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;max-height:calc(100vh - 5rem);overflow-y:auto}}@media (max-width:991px){.nav__dropdown{margin:1rem -2rem -.8rem;padding:.5rem 2rem;background-color:#f9f9f9}}.nav__sub{display:block;text-align:left;font-size:1rem;color:#000;position:relative}@media (min-width:992px){.nav__sub{padding:1rem;border-radius:.4rem;-webkit-transition:background-color .3s;transition:background-color .3s}.nav__sub:hover{background-color:#f8f8f8;color:#000}}@media (max-width:991px){.nav__sub{padding:.75rem 0}}.nav__sub>small{display:block;font-size:.8rem;color:#7f7f7f;margin-top:.7rem;line-height:1.4}.nav__close{position:absolute;top:1.25rem;left:-2.7rem}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.2rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.sidebar{width:18rem;position:sticky;position:-webkit-sticky;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2rem 2rem 2rem 0;overflow-y:auto}@media (max-width:991px){.sidebar{position:fixed;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);height:100%;-webkit-box-shadow:0 0 1.5rem rgba(0,0,0,.15);box-shadow:0 0 1.5rem rgba(0,0,0,.15);opacity:0;z-index:11;pointer-events:none;height:100%;overflow-y:auto;padding-left:2rem}}.sidebar>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.sidebar>.toggle-icon{display:none}}.sidebar__title{margin:0 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.sidebar-toggled .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.search{margin-bottom:.8rem}@media (max-width:991px){.search{margin-right:-1rem;margin-left:-1rem}}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff}@media (min-width:992px){.search__text{border-radius:.2rem}}.search__text:focus{border-color:#cacaca}.docs ul{list-style:none;padding:0;font-size:.95rem}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs>ul{margin:0}.docs>ul>li>a{color:#1c1c1c;padding:.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.docs>ul>li>a:hover{color:#000}.docs>ul>li.current>a{color:#c72c48;font-weight:500}.docs>ul>li>ul{margin:0 0 .5rem}.docs>ul>li>ul>li>a{font-size:.85rem;color:#494949;display:block;padding:.4rem 0}.docs>ul>li>ul>li>a:hover{color:#000}.docs>ul>li>ul>li>a.current{color:#000;font-weight:500}div#localtoc{font-size:13px;margin-left:20px}#table-of-contents{background:0 0;border-style:none}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px} \ No newline at end of file diff --git a/source/_static/scss/includes/_aside.scss b/source/_static/scss/includes/_aside.scss index 3e6dd9ea..5da916d6 100644 --- a/source/_static/scss/includes/_aside.scss +++ b/source/_static/scss/includes/_aside.scss @@ -6,6 +6,7 @@ background-color: $sidebar-bg; transition: opacity 400ms, transform 300ms; padding: $content-padding-sm $content-padding-sm $content-padding-sm 0; + overflow-y: auto; @include breakpoint-max(breakpoints(lg)) { position: fixed;