Added max and min width to #left to fix chrome bug
This commit is contained in:
parent
d972c81eb1
commit
87046b60f1
|
@ -1,14 +1,6 @@
|
|||
@import "_mixins/all"
|
||||
|
||||
$left-width: 250px
|
||||
|
||||
@mixin display-flex
|
||||
display: -webkit-flex
|
||||
display: flex
|
||||
|
||||
@mixin flex($grow, $shrink, $size)
|
||||
-webkit-flex: $grow $shrink $size
|
||||
flex: $grow $shrink $size
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
|
@ -33,26 +25,16 @@ html, body
|
|||
#left, #right
|
||||
position: relative
|
||||
min-height: 100%
|
||||
-moz-box-flex: 0
|
||||
-webkit-box-flex: 0
|
||||
|
||||
|
||||
#left
|
||||
@include flex(1, 1, 30%)
|
||||
min-width: 325px
|
||||
min-width: 380px
|
||||
max-width: 380px
|
||||
width: -webkit-calc(100% - 1000px)
|
||||
padding: 0 0 110px 0
|
||||
background-color: $color-bg-left
|
||||
border-right: 1px solid $color-border-normal
|
||||
|
||||
@media screen and (max-width: 980px)
|
||||
#left
|
||||
max-width: 300px
|
||||
|
||||
#main
|
||||
@include flex(1, 1, 70%)
|
||||
-moz-box-flex: 4
|
||||
-webkit-box-flex: 4
|
||||
position: relative
|
||||
min-width: 500px
|
||||
padding: 20px 40px 80px 30px
|
||||
|
|
Loading…
Reference in New Issue
Block a user