X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fbootstrap.scss;h=d0465218486d93657fc9a0b61935bf19fce694ca;hb=77448fd31c140d87bd8fc60b83f94e5eba2ab682;hp=7843d3be791e91bd0e6f1f97219fe88a7fcf442b;hpb=dec437aa46a644fb1b3cedc9afe4503c44e15308;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index 7843d3be7..d04652184 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss @@ -15,6 +15,7 @@ @import 'bootstrap/scss/grid'; @import 'bootstrap/scss/forms'; @import 'bootstrap/scss/buttons'; +@import 'bootstrap/scss/transitions'; @import 'bootstrap/scss/dropdown'; @import 'bootstrap/scss/button-group'; @import 'bootstrap/scss/nav'; @@ -30,13 +31,16 @@ @import 'bootstrap/scss/helpers'; @import 'bootstrap/scss/utilities/api'; -:root { +body { --bs-border-color-translucent: #{pvar(--inputBorderColor)}; } .accordion { --bs-accordion-color: #{pvar(--mainForegroundColor)}; --bs-accordion-bg: #{pvar(--mainBackgroundColor)}; + + --bs-accordion-btn-color: var(--bs-accordion-color); + --bs-accordion-btn-bg: var(--bs-accordion-bg); } .popover { @@ -200,7 +204,6 @@ display: flex !important; align-items: center; height: 30px !important; - padding: 10px 15px !important; } .nav.nav-pills { @@ -257,19 +260,6 @@ border-color: #dee2e6; } -.collapse-transition { - // Animation when we show/hide the filters - transition: max-height 0.3s; - display: block !important; - overflow: hidden !important; - max-height: 0; - - &.show { - max-height: 1500px; - overflow: inherit !important; - } -} - .accordion-button { font-size: 18px; @@ -339,7 +329,8 @@ .input-group { > .btn, > .input-group-text { - height: $button-height; + padding-top: 4px; + padding-bottom: 4px; } > .input-group-text { @@ -385,3 +376,8 @@ display: none; } } + +.text-truncate { + // Prevent invalid height in parent: https://stackoverflow.com/a/22425601 + vertical-align: top; +}