liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add overflow hidden back to accordion-collapse

Browse Source 
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
This commit is contained in:
Spectralitree 2021-12-31 13:33:01 +01:00
parent 335f373dd1
commit 9b8962ebeb
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/assets/main.26039e3a.css
View File

@ -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}

1
docs/assets/main.c57501fc.css Normal file
View File

@ -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}

2
docs/index.html
View File

@ -36,7 +36,7 @@
<script type="module" crossorigin src="/assets/main.6b1135d0.js"></script>
<link rel="modulepreload" href="/assets/vendor.12a7e2b7.js">
<link rel="stylesheet" href="/assets/vendor.17033500.css">
<link rel="stylesheet" href="/assets/main.26039e3a.css">
<link rel="stylesheet" href="/assets/main.c57501fc.css">
</head>
<body>
<div id="app"></div>

10
styles/generic.scss
View File

@ -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;
}