summaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
authorashbike <helloashbike@gmail.com>2015-02-25 12:05:14 +0530
committerashbike <helloashbike@gmail.com>2015-02-25 12:05:14 +0530
commit88444e8b3e35e460e47cda0080957641071a2a6c (patch)
tree6cfe8d5bbf3410882cb15686fb27ff143c4616c9 /assets/css
parent11d1314fbe96c8f19d898cf18dc615a49a89fd0d (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')
-rw-r--r--assets/css/src/board.css20
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;