diff options
author | ashbike <helloashbike@gmail.com> | 2015-02-25 12:05:14 +0530 |
---|---|---|
committer | ashbike <helloashbike@gmail.com> | 2015-02-25 12:05:14 +0530 |
commit | 88444e8b3e35e460e47cda0080957641071a2a6c (patch) | |
tree | 6cfe8d5bbf3410882cb15686fb27ff143c4616c9 /assets/css/src | |
parent | 11d1314fbe96c8f19d898cf18dc615a49a89fd0d (diff) |
A small patch which enables scroll view toggling.
If there are many columns, the board adds a horizontal scrollbar. However, This looses the full board visibility. Now there is a menu item on the Board, Action > Toggle view which switches. This can also be toggled by 'c' keypress.
Diffstat (limited to 'assets/css/src')
-rw-r--r-- | assets/css/src/board.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/assets/css/src/board.css b/assets/css/src/board.css index a1aa268d..2f168322 100644 --- a/assets/css/src/board.css +++ b/assets/css/src/board.css @@ -20,16 +20,36 @@ /* board table */ #board-container { + /* Will set the style from JS depending upon wide/compact view */ +} + +/* 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; max-width: 240px; } +.board-column-compact { + min-width: 0px; + max-width: 0px; +} + #board th a { text-decoration: none; color: #3366CC; |