diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/app.css | 80 | ||||
-rw-r--r-- | assets/css/src/base.css | 5 | ||||
-rw-r--r-- | assets/css/src/board.css | 26 | ||||
-rw-r--r-- | assets/css/src/table.css | 4 | ||||
-rw-r--r-- | assets/css/src/task.css | 41 | ||||
-rw-r--r-- | assets/css/src/tooltip.css | 4 |
6 files changed, 144 insertions, 16 deletions
diff --git a/assets/css/app.css b/assets/css/app.css index 7969bca5..79d61c6b 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -57,6 +57,11 @@ hr { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } + +#board-selector, +.chosen-select { + min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */ +} /* links */ a { color: #3366CC; @@ -147,6 +152,10 @@ th a:hover { text-overflow: ellipsis; } +.table-stripped tr:nth-child(odd) td { + background: #fefefe; +} + .column-5 { width: 5%; } @@ -619,6 +628,10 @@ div.ui-tooltip { width: 550px; } +.ui-tooltip-content .markdown p { + margin-bottom: 0px; +} + .tooltip-tasklinks li { list-style-type: none; } @@ -735,6 +748,10 @@ nav .active a { font-size: 0.95em; } +#more-filters { + display: none; /* Hide this filter initially, to avoid re-layout */ +} + /* public board */ .public-board { margin-top: 5px; @@ -748,14 +765,28 @@ nav .active a { /* board table */ #board-container { - overflow-x: scroll; padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ + overflow-x: scroll; +} + +.board-container-compact { + overflow-x: initial; +} + +#board { + table-layout: fixed; } -#board td, #board th { - min-width: 240px; - max-width: 240px; + width: 120px; /* Width of swimlane column */ +} + +#board th.board-column { + width: 240px; /* Width of other columns, in default [horizontal scrolling] view mode */ +} + +#board th.board-column.board-column-compact { + width: initial; /* Do not force the width of the columns in compact view mode */ } #board th a { @@ -923,16 +954,14 @@ span.task-board-date-overdue { /* task score */ .task-score { font-weight: bold; - position: absolute; } .task-board .task-score { - font-size: 1.6em; - left: 2px; - bottom: 0; + font-size: 1.1em; } .task-show-details .task-score { + position: absolute; bottom: 5px; right: 5px; font-size: 2em; @@ -1050,6 +1079,41 @@ span.task-board-date-overdue { .task-link-closed { text-decoration: line-through; } +.task-show-images { + list-style-type: none; +} +.task-show-images li img { + width: 100%; +} +.task-show-images li .img_container { + width: 250px; + height: 100px; + overflow: hidden; +} +.task-show-images li { + padding: 10px; + overflow: auto; + width: 250px; + min-height: 120px; + display: inline-block; + vertical-align: top; +} +.task-show-images li p{ + padding: 5px; + font-weight: bold; +} +.task-show-images li:hover { + background: #eee; +} +.task-show-image-actions { + margin-left: 5px; +} +.task-show-images li .img_container:hover { + height: 100%; +} +.task-show-file-table { + width: auto; +} /* comments */ .comment { margin-bottom: 20px; diff --git a/assets/css/src/base.css b/assets/css/src/base.css index a8c7d73e..d92df612 100644 --- a/assets/css/src/base.css +++ b/assets/css/src/base.css @@ -41,3 +41,8 @@ hr { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } + +#board-selector, +.chosen-select { + min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */ +} diff --git a/assets/css/src/board.css b/assets/css/src/board.css index 6d7d8dd4..4309b178 100644 --- a/assets/css/src/board.css +++ b/assets/css/src/board.css @@ -3,6 +3,10 @@ font-size: 0.95em; } +#more-filters { + display: none; /* Hide this filter initially, to avoid re-layout */ +} + /* public board */ .public-board { margin-top: 5px; @@ -16,14 +20,28 @@ /* board table */ #board-container { - overflow-x: scroll; padding-bottom: 180px; /* Space to avoid dropdown menu truncated */ + overflow-x: scroll; +} + +.board-container-compact { + overflow-x: initial; +} + +#board { + table-layout: fixed; } -#board td, #board th { - min-width: 240px; - max-width: 240px; + width: 120px; /* Width of swimlane column */ +} + +#board th.board-column { + width: 240px; /* Width of other columns, in default [horizontal scrolling] view mode */ +} + +#board th.board-column.board-column-compact { + width: initial; /* Do not force the width of the columns in compact view mode */ } #board th a { diff --git a/assets/css/src/table.css b/assets/css/src/table.css index 9bc0c712..ea788623 100644 --- a/assets/css/src/table.css +++ b/assets/css/src/table.css @@ -58,6 +58,10 @@ th a:hover { text-overflow: ellipsis; } +.table-stripped tr:nth-child(odd) td { + background: #fefefe; +} + .column-5 { width: 5%; } diff --git a/assets/css/src/task.css b/assets/css/src/task.css index b7a5cb9c..8d94945f 100644 --- a/assets/css/src/task.css +++ b/assets/css/src/task.css @@ -118,16 +118,14 @@ span.task-board-date-overdue { /* task score */ .task-score { font-weight: bold; - position: absolute; } .task-board .task-score { - font-size: 1.6em; - left: 2px; - bottom: 0; + font-size: 1.1em; } .task-show-details .task-score { + position: absolute; bottom: 5px; right: 5px; font-size: 2em; @@ -245,3 +243,38 @@ span.task-board-date-overdue { .task-link-closed { text-decoration: line-through; } +.task-show-images { + list-style-type: none; +} +.task-show-images li img { + width: 100%; +} +.task-show-images li .img_container { + width: 250px; + height: 100px; + overflow: hidden; +} +.task-show-images li { + padding: 10px; + overflow: auto; + width: 250px; + min-height: 120px; + display: inline-block; + vertical-align: top; +} +.task-show-images li p{ + padding: 5px; + font-weight: bold; +} +.task-show-images li:hover { + background: #eee; +} +.task-show-image-actions { + margin-left: 5px; +} +.task-show-images li .img_container:hover { + height: 100%; +} +.task-show-file-table { + width: auto; +} diff --git a/assets/css/src/tooltip.css b/assets/css/src/tooltip.css index 834f416b..fb1d5312 100644 --- a/assets/css/src/tooltip.css +++ b/assets/css/src/tooltip.css @@ -64,6 +64,10 @@ div.ui-tooltip { width: 550px; } +.ui-tooltip-content .markdown p { + margin-bottom: 0px; +} + .tooltip-tasklinks li { list-style-type: none; } |