From bb61b409a3577c99ca93c8b2b283437cf2a24040 Mon Sep 17 00:00:00 2001 From: Frederic Guillot Date: Sat, 28 Feb 2015 18:11:05 -0500 Subject: Improve toggle compact/horizontal scrolling view --- assets/css/app.css | 19 ++++++++++++++++--- assets/css/src/board.css | 9 +-------- 2 files changed, 17 insertions(+), 11 deletions(-) (limited to 'assets/css') diff --git a/assets/css/app.css b/assets/css/app.css index 5de5b2a1..f0446f30 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -757,16 +757,29 @@ nav .active a { /* board table */ #board-container { - overflow-x: scroll; padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ } -#board td, -#board th { +/* Board container classes for wide/compact view */ +.board-container-wide { + overflow-x: scroll; +} + +.board-container-compact { + overflow-x: hidden; +} + +/* Board table column for wide/compact view */ +.board-column-wide { min-width: 240px; max-width: 240px; } +.board-column-compact { + min-width: 0px; + max-width: 0px; +} + #board th a { text-decoration: none; color: #3366CC; diff --git a/assets/css/src/board.css b/assets/css/src/board.css index 21b53f57..f4aefa95 100644 --- a/assets/css/src/board.css +++ b/assets/css/src/board.css @@ -20,25 +20,18 @@ /* board table */ #board-container { - /* Will set the style from JS depending upon wide/compact view */ + padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ } /* Board container classes for wide/compact view */ .board-container-wide { overflow-x: scroll; - padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ } .board-container-compact { overflow-x: hidden; - padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ } -#board td, -#board th { - /* Will set the style from JS depending upon wide/compact view */ - } - /* Board table column for wide/compact view */ .board-column-wide { min-width: 240px; -- cgit v1.2.3