diff options
author | Chocobozzz <me@florianbigard.com> | 2023-03-15 14:20:26 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2023-03-15 14:28:27 +0100 |
commit | dc9c9500bf5f0fd66906576ee3df4f1c49a1871d (patch) | |
tree | 347853ac17beb366bac111e3bc3e3acae31ca267 /client/src/sass/bootstrap.scss | |
parent | 5ccf98a4ecc39d1b50df5b748e885683f71276a9 (diff) | |
download | PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.tar.gz PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.tar.zst PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.zip |
Improve accessibility
Diffstat (limited to 'client/src/sass/bootstrap.scss')
-rw-r--r-- | client/src/sass/bootstrap.scss | 20 |
1 files changed, 6 insertions, 14 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index 4d956d652..d04652184 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss | |||
@@ -15,6 +15,7 @@ | |||
15 | @import 'bootstrap/scss/grid'; | 15 | @import 'bootstrap/scss/grid'; |
16 | @import 'bootstrap/scss/forms'; | 16 | @import 'bootstrap/scss/forms'; |
17 | @import 'bootstrap/scss/buttons'; | 17 | @import 'bootstrap/scss/buttons'; |
18 | @import 'bootstrap/scss/transitions'; | ||
18 | @import 'bootstrap/scss/dropdown'; | 19 | @import 'bootstrap/scss/dropdown'; |
19 | @import 'bootstrap/scss/button-group'; | 20 | @import 'bootstrap/scss/button-group'; |
20 | @import 'bootstrap/scss/nav'; | 21 | @import 'bootstrap/scss/nav'; |
@@ -203,7 +204,6 @@ body { | |||
203 | display: flex !important; | 204 | display: flex !important; |
204 | align-items: center; | 205 | align-items: center; |
205 | height: 30px !important; | 206 | height: 30px !important; |
206 | padding: 10px 15px !important; | ||
207 | } | 207 | } |
208 | 208 | ||
209 | .nav.nav-pills { | 209 | .nav.nav-pills { |
@@ -260,19 +260,6 @@ body { | |||
260 | border-color: #dee2e6; | 260 | border-color: #dee2e6; |
261 | } | 261 | } |
262 | 262 | ||
263 | .collapse-transition { | ||
264 | // Animation when we show/hide the filters | ||
265 | transition: max-height 0.3s; | ||
266 | display: block !important; | ||
267 | overflow: hidden !important; | ||
268 | max-height: 0; | ||
269 | |||
270 | &.show { | ||
271 | max-height: 1500px; | ||
272 | overflow: inherit !important; | ||
273 | } | ||
274 | } | ||
275 | |||
276 | .accordion-button { | 263 | .accordion-button { |
277 | font-size: 18px; | 264 | font-size: 18px; |
278 | 265 | ||
@@ -389,3 +376,8 @@ body { | |||
389 | display: none; | 376 | display: none; |
390 | } | 377 | } |
391 | } | 378 | } |
379 | |||
380 | .text-truncate { | ||
381 | // Prevent invalid height in parent: https://stackoverflow.com/a/22425601 | ||
382 | vertical-align: top; | ||
383 | } | ||