From 87046b60f15491c5b45596bbcf88ab4384d05b87 Mon Sep 17 00:00:00 2001 From: Justine Arreche Date: Wed, 2 Oct 2013 12:02:00 -0400 Subject: [PATCH] Added max and min width to #left to fix chrome bug --- assets/styles/layout.sass | 22 ++-------------------- 1 file changed, 2 insertions(+), 20 deletions(-) diff --git a/assets/styles/layout.sass b/assets/styles/layout.sass index 4af730c4..948ca9ca 100644 --- a/assets/styles/layout.sass +++ b/assets/styles/layout.sass @@ -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