Fix FireFox overflows (#5000)
* Max width for container * Set min-width
This commit is contained in:
parent
5df3f5d136
commit
6b4cb35149
@ -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;*/
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user