From 9b8962ebebb366bc59af73483fff5c5553d5245c Mon Sep 17 00:00:00 2001 From: Spectralitree <72747870+Spectralitree@users.noreply.github.com> Date: Fri, 31 Dec 2021 13:33:01 +0100 Subject: [PATCH] fix: add overflow hidden back to accordion-collapse this fix makes svelecte dropdowns' positions static, so they expand the container they're in when opened. if this causes trouble i might change it in the future --- docs/assets/main.26039e3a.css | 1 - docs/assets/main.c57501fc.css | 1 + docs/index.html | 2 +- styles/generic.scss | 10 ++++++---- 4 files changed, 8 insertions(+), 6 deletions(-) delete mode 100644 docs/assets/main.26039e3a.css create mode 100644 docs/assets/main.c57501fc.css diff --git a/docs/assets/main.26039e3a.css b/docs/assets/main.26039e3a.css deleted file mode 100644 index 2b88fbb6..00000000 --- a/docs/assets/main.26039e3a.css +++ /dev/null @@ -1 +0,0 @@ -#app{display:flex;flex-direction:column;min-height:100vh}blockquote{padding-left:.5em;margin:.25em 0!important;border-left:4px solid rgba(128,128,128,.3)}code{color:var(--bs-body-color)!important}.icon{height:1.5em;width:1.5em;margin-right:.5em}.avatar{height:2.5em;width:2.5em}.modal-content{border:none!important}.banner{z-index:-200;width:100%;height:40vh;position:absolute;top:0;left:0;background-size:cover}@media (min-width: 768px){.banner{height:50vh}}.description a{text-decoration:none}.container{flex:1 0 auto!important}.nav-tabs * .nav-link{background-color:var(--bs-body-bg)!important;border-color:#8080804d!important;border-bottom:none!important}.nav-tabs{gap:.25em}.nav-tabs{border-bottom:none!important}.accordion-button:after{display:none}.accordion-collapse{overflow:visible!important}.pagination{justify-content:center!important}.page-link{z-index:initial!important}.svelecte-control .sv-control{border-color:#8080804d!important}.svelecte-control .sv-control,.sv-content,.sv-dropdown,.sv-item,.sv-item-content{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}.sv-item-btn{background-color:var(--bs-light)!important}.sv-item{cursor:pointer!important}.d-spoiler{color:var(--bs-dark);background-color:var(--bs-dark);border-radius:2px;transition-delay:6000s}.d-spoiler::selection{color:var(--bs-dark);background-color:transparent}.d-spoiler:active{background-color:#8080804d;color:var(--bs-body-color);transition-delay:0s}.d-emoji,img.emoji{height:1.125em;width:auto;margin:0 .05em 0 .1em;vertical-align:-.1125em}.dark>* .navbar.bg-light{background-color:var(--bs-body-bg)!important}.dark>* .footer.bg-light{background-color:var(--bs-dark)!important}.dark>* .description a{color:#159bd4!important}.light>* .footer.bg-light{background-color:var(--bs-light)!important}.light>* .description a{color:var(--bs-primary)!important} diff --git a/docs/assets/main.c57501fc.css b/docs/assets/main.c57501fc.css new file mode 100644 index 00000000..2b534e69 --- /dev/null +++ b/docs/assets/main.c57501fc.css @@ -0,0 +1 @@ +#app{display:flex;flex-direction:column;min-height:100vh}blockquote{padding-left:.5em;margin:.25em 0!important;border-left:4px solid rgba(128,128,128,.3)}code{color:var(--bs-body-color)!important}.icon{height:1.5em;width:1.5em;margin-right:.5em}.avatar{height:2.5em;width:2.5em}.modal-content{border:none!important}.banner{z-index:-200;width:100%;height:40vh;position:absolute;top:0;left:0;background-size:cover}@media (min-width: 768px){.banner{height:50vh}}.description a{text-decoration:none}.container{flex:1 0 auto!important}.nav-tabs * .nav-link{background-color:var(--bs-body-bg)!important;border-color:#8080804d!important;border-bottom:none!important}.nav-tabs{gap:.25em}.nav-tabs{border-bottom:none!important}.accordion-button:after{display:none}.pagination{justify-content:center!important}.page-link{z-index:initial!important}.svelecte-control .sv-control{border-color:#8080804d!important}.svelecte-control .sv-control,.sv-content,.sv-dropdown,.sv-item,.sv-item-content{color:var(--bs-body-color)!important;background-color:var(--bs-body-bg)!important}.sv-dropdown{position:static!important;border:1px solid rgba(128,128,128,.3)!important;margin-bottom:.5rem}.sv-item-btn{background-color:var(--bs-light)!important}.sv-item{cursor:pointer!important}.d-spoiler{color:var(--bs-dark);background-color:var(--bs-dark);border-radius:2px;transition-delay:6000s}.d-spoiler::selection{color:var(--bs-dark);background-color:transparent}.d-spoiler:active{background-color:#8080804d;color:var(--bs-body-color);transition-delay:0s}.d-emoji,img.emoji{height:1.125em;width:auto;margin:0 .05em 0 .1em;vertical-align:-.1125em}.dark>* .navbar.bg-light{background-color:var(--bs-body-bg)!important}.dark>* .footer.bg-light{background-color:var(--bs-dark)!important}.dark>* .description a{color:#159bd4!important}.light>* .footer.bg-light{background-color:var(--bs-light)!important}.light>* .description a{color:var(--bs-primary)!important} diff --git a/docs/index.html b/docs/index.html index be073519..2f73cf6d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -36,7 +36,7 @@ - +
diff --git a/styles/generic.scss b/styles/generic.scss index 2f006dac..b65201af 100644 --- a/styles/generic.scss +++ b/styles/generic.scss @@ -90,10 +90,6 @@ code { display: none; } -.accordion-collapse { - overflow: visible !important; -} - .pagination { justify-content: center !important; } @@ -112,6 +108,12 @@ code { background-color: var(--bs-body-bg) !important; } +.sv-dropdown { + position: static !important; + border: 1px solid rgba(128, 128, 128, 0.3) !important; + margin-bottom: 0.5rem; +} + .sv-item-btn { background-color: var(--bs-light) !important; }