Added a menu item and short key 'c' to toggle board view. View modes are compact (tries to stuff all columns in the window) and wide (scrollbar appears)

1 files changed, 20 insertions, 0 deletions

diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index a1aa268d..21b53f57 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;