diff options
| -rw-r--r-- | app/Templates/board_index.php | 4 | ||||
| -rw-r--r-- | app/Templates/project_index.php | 10 | ||||
| -rw-r--r-- | assets/css/app.css | 48 |
3 files changed, 55 insertions, 7 deletions
diff --git a/app/Templates/board_index.php b/app/Templates/board_index.php index 989c2e06..8e664219 100644 --- a/app/Templates/board_index.php +++ b/app/Templates/board_index.php @@ -18,11 +18,11 @@ <div class="project-menu"> <ul> <li> - <?= t('Filter by user') ?> + <span class="hide-tablet"><?= t('Filter by user') ?></span> <?= Helper\form_select('user_id', $users, $filters) ?> </li> <li> - <?= t('Filter by category') ?> + <span class="hide-tablet"><?= t('Filter by category') ?></span> <?= Helper\form_select('category_id', $categories, $filters) ?> </li> <li><a href="#" id="filter-due-date"><?= t('Filter by due date') ?></a></li> diff --git a/app/Templates/project_index.php b/app/Templates/project_index.php index df153fe7..1a3dbd49 100644 --- a/app/Templates/project_index.php +++ b/app/Templates/project_index.php @@ -31,21 +31,23 @@ <?= $project['is_active'] ? t('Active') : t('Inactive') ?> </td> <td> + <ul> <?php if ($project['nb_tasks'] > 0): ?> <?php if ($project['nb_active_tasks'] > 0): ?> - <a href="?controller=board&action=show&project_id=<?= $project['id'] ?>"><?= t('%d tasks on the board', $project['nb_active_tasks']) ?></a>, + <li><a href="?controller=board&action=show&project_id=<?= $project['id'] ?>"><?= t('%d tasks on the board', $project['nb_active_tasks']) ?></a></li> <?php endif ?> <?php if ($project['nb_inactive_tasks'] > 0): ?> - <a href="?controller=project&action=tasks&project_id=<?= $project['id'] ?>"><?= t('%d closed tasks', $project['nb_inactive_tasks']) ?></a>, + <li><a href="?controller=project&action=tasks&project_id=<?= $project['id'] ?>"><?= t('%d closed tasks', $project['nb_inactive_tasks']) ?></a></li> <?php endif ?> - <?= t('%d tasks in total', $project['nb_tasks']) ?> + <li><?= t('%d tasks in total', $project['nb_tasks']) ?></li> <?php else: ?> - <?= t('no task for this project') ?> + <li><?= t('no task for this project') ?></li> <?php endif ?> + </ul> </td> <td> <ul> diff --git a/assets/css/app.css b/assets/css/app.css index fcfe6b1a..cf533161 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -83,6 +83,7 @@ td { padding-bottom: 0.5em; padding-left: 3px; padding-right: 3px; + vertical-align: top; } th { @@ -420,7 +421,7 @@ header { header ul { text-align: right; - font-size: 90%; + font-size: 0.9em; } header li { @@ -932,3 +933,48 @@ tr td.task-orange, padding: 15px; background: #fff; } + +/* responsive design */ +@media only screen and (min-width : 600px) and (max-width : 1024px) { + + .hide-tablet { + display: none; + } + + .form-column { + float: none; + margin: 0; + padding: 0; + } + + #board { + font-size: 0.85em; + } + + .project-menu { + font-size: 0.7em; + } + + table input[type="text"] { + width: 200px; + } +} + +@media only screen and (max-width : 600px) { + + header { + font-size: 0.8em; + } + + .project-menu { + display: none; + } + + #board { + margin-top: 10px; + } + + .task-board .task-score { + display: none; + } +} |