From 450f2b5f497e79292771447b5e9bad68b3169b6e Mon Sep 17 00:00:00 2001 From: Piotr Sarnacki Date: Tue, 16 Oct 2012 22:41:04 +0200 Subject: [PATCH] Make page nicer in smaller resolutions --- assets/styles/layout.sass | 4 ++++ public/styles/app.css | 14 ++++++++++---- public/version | 2 +- 3 files changed, 15 insertions(+), 5 deletions(-) diff --git a/assets/styles/layout.sass b/assets/styles/layout.sass index e3727b01..69f709f1 100644 --- a/assets/styles/layout.sass +++ b/assets/styles/layout.sass @@ -48,6 +48,10 @@ html, body border-right: 1px solid $color-border-normal @include box-shadow(transparent 0 0 0 0, $color-border-normal 0 1px 8px 0, transparent 0 0 0 0, transparent 0 0 0 0) +@media screen and (max-width: 980px) + #left + max-width: 300px + #main @include box-flex(4) position: relative diff --git a/public/styles/app.css b/public/styles/app.css index 80617482..87128012 100644 --- a/public/styles/app.css +++ b/public/styles/app.css @@ -2608,7 +2608,13 @@ html, body { box-shadow: transparent 0 0 0 0, #cccccc 0 1px 8px 0, transparent 0 0 0 0, transparent 0 0 0 0; } -/* line 51, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ +@media screen and (max-width: 980px) { + /* line 52, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ + #left { + max-width: 300px; + } +} +/* line 55, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ #main { -webkit-box-flex: 4; -moz-box-flex: 4; @@ -2620,7 +2626,7 @@ html, body { padding: 20px 40px 80px 30px; } -/* line 58, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ +/* line 62, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ #right { width: 205px; padding: 11px 20px 80px 20px; @@ -2629,7 +2635,7 @@ html, body { } @media screen and (max-width: 1400px) { - /* line 65, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ + /* line 69, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ #left .duration_label { display: inline-block; width: 11px; @@ -2641,7 +2647,7 @@ html, body { } } @media screen and (max-width: 1310px) { - /* line 75, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ + /* line 79, /Users/drogus/code/travis/travis-ember/assets/styles/layout.sass */ #left .finished_at_label { display: none; } diff --git a/public/version b/public/version index 7f7579a4..a080e59e 100644 --- a/public/version +++ b/public/version @@ -1 +1 @@ -6b8605ca \ No newline at end of file +d5d950e0 \ No newline at end of file