Fixed flexbox overflow scrolling issues in firefox

Fixes #111
This commit is contained in:
Dan Brown 2016-05-22 09:08:37 +01:00
parent 1ab6f017c9
commit 49621e7b15
2 changed files with 10 additions and 2 deletions

View File

@ -11,13 +11,16 @@ body.flexbox {
#content {
flex: 1;
display: flex;
min-height: 0px;
}
}
.flex-fill {
display: flex;
align-items: stretch;
min-height: 0px;
.flex, &.flex {
min-height: 0px;
flex: 1;
}
}

View File

@ -49,7 +49,7 @@
height:auto;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
clear: left;
}
hr {
clear: both;
@ -72,7 +72,7 @@
.pointer {
border: 1px solid #CCC;
display: inline-block;
padding: $-xs $-s;
padding: $-s $-s;
border-radius: 4px;
box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
position: absolute;
@ -135,6 +135,7 @@
display: flex;
transition: width ease-in-out 180ms;
margin-top: -1px;
min-height: 0px;
&.open {
width: 480px;
}
@ -182,6 +183,8 @@
display: flex;
flex: 1;
flex-direction: column;
min-height: 0px;
overflow-y: scroll;
}
div[tab-content] .padded {
flex: 1;
@ -240,6 +243,8 @@
min-width: 180px;
max-width: 320px;
opacity: 0.7;
z-index: 5;
position: relative;
table {
width: 100%;
margin: 0;