Fix FireFox overflows (#5000)

* Max width for container

* Set min-width
This commit is contained in:
Jaco Greeff 2017-03-22 16:39:57 +01:00 committed by Gav Wood
parent 5df3f5d136
commit 6b4cb35149
2 changed files with 3 additions and 0 deletions

View File

@ -24,6 +24,7 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
flex: 1; flex: 1;
height: 100%; height: 100%;
padding: 0em; padding: 0em;
max-width: 100%;
position: relative; position: relative;
/*transform: translateZ(0); /*transform: translateZ(0);
transition: $transitionAll;*/ transition: $transitionAll;*/

View File

@ -18,6 +18,7 @@
$transition: all 0.25s; $transition: all 0.25s;
$widthNormal: 33.33%; $widthNormal: 33.33%;
$widthExpanded: 42%; $widthExpanded: 42%;
$widthContracted: 29%;
.section { .section {
position: relative; position: relative;
@ -45,6 +46,7 @@ $widthExpanded: 42%;
display: flex; display: flex;
flex: 0 1 $widthNormal; flex: 0 1 $widthNormal;
max-width: $widthNormal; max-width: $widthNormal;
min-width: $widthContracted;
opacity: 0.85; opacity: 0.85;
padding: 0.25em; padding: 0.25em;