AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve toggle compact/horizontal scrolling view

Browse Source
This commit is contained in:
Frederic Guillot
2015-02-28 18:11:05 -05:00
parent 7f56c255ca
commit bb61b409a3
20 changed files with 119 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/app.css
View File

@@ -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;

9
assets/css/src/board.css
View File

@@ -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;