2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00

Update Sidebars example to fix dividers and rendering on Chrome (#33859)

This commit is contained in:
Mark Otto
2021-05-12 21:34:34 -07:00
committed by GitHub
parent 3464d3caa2
commit d80cb2241d
2 changed files with 17 additions and 10 deletions
@@ -1,19 +1,26 @@
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
html {
height: -webkit-fill-available;
}
main {
display: flex;
flex-wrap: nowrap;
height: 100vh;
height: -webkit-fill-available;
max-height: 100vh;
overflow-x: auto;
overflow-y: hidden;
}
main > * {
flex-shrink: 0;
min-height: -webkit-fill-available;
}
.b-example-divider {
flex-shrink: 0;
width: 1.5rem;
height: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;