Make tables more responsive

app/Template/action/index.php

@@ -15,7 +15,7 @@
 <?php if (empty($actions)): ?>
     <p class="alert"><?= t('There is no action at the moment.') ?></p>
 <?php else: ?>
-    <table>
+    <table class="table-scrolling">
         <tr>
             <th><?= t('Automatic actions') ?></th>
             <th><?= t('Action parameters') ?></th>

app/Template/analytic/avg_time_columns.php

@@ -9,7 +9,7 @@
 
         <div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>' data-label="<?= t('Average time spent') ?>"></div>
 
-        <table class="table-stripped">
+        <table class="table-striped">
         <tr>
             <th><?= t('Column') ?></th>
             <th><?= t('Average time spent') ?></th>

app/Template/analytic/compare_hours.php

@@ -23,7 +23,7 @@
     <?php if ($paginator->isEmpty()): ?>
         <p class="alert"><?= t('No tasks found.') ?></p>
     <?php elseif (! $paginator->isEmpty()): ?>
-        <table class="table-fixed table-small">
+        <table class="table-fixed table-small table-scrolling">
             <tr>
                 <th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
                 <th><?= $paginator->order(t('Title'), 'tasks.title') ?></th>

app/Template/analytic/tasks.php

@@ -9,7 +9,7 @@
 
     <div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
 
-    <table>
+    <table class="table-striped">
         <tr>
             <th><?= t('Column') ?></th>
             <th><?= t('Number of tasks') ?></th>

app/Template/analytic/users.php

@@ -9,7 +9,7 @@
 
     <div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
 
-    <table>
+    <table class="table-striped">
         <tr>
             <th><?= t('User') ?></th>
             <th><?= t('Number of tasks') ?></th>

app/Template/board/tooltip_external_links.php

@@ -1,5 +1,5 @@
 <div class="tooltip-large">
-    <table>
+    <table class="table-small">
         <tr>
             <th class="column-20"><?= t('Type') ?></th>
             <th class="column-70"><?= t('Title') ?></th>

app/Template/board/tooltip_files.php

@@ -1,5 +1,5 @@
 <div class="tooltip-large">
-    <table>
+    <table class="table-small">
         <?php foreach ($files as $file): ?>
         <tr>
             <th>

app/Template/board/tooltip_subtasks.php

@@ -1,5 +1,5 @@
 <div class="tooltip-large">
-    <table>
+    <table class="table-small">
         <tr>
             <th class="column-80"><?= t('Subtask') ?></th>
             <th><?= t('Assignee') ?></th>

app/Template/board/tooltip_tasklinks.php

@@ -1,5 +1,5 @@
 <div class="tooltip-large">
-    <table>
+    <table class="table-small">
     <?php foreach ($links as $label => $grouped_links): ?>
         <tr>
             <th colspan="4"><?= t($label) ?></th>

app/Template/category/index.php

@@ -2,7 +2,7 @@
 <div class="page-header">
     <h2><?= t('Categories') ?></h2>
 </div>
-<table>
+<table class="table-striped">
     <tr>
         <th><?= t('Category Name') ?></th>
         <th class="column-8"><?= t('Actions') ?></th>

app/Template/column/index.php

@@ -12,7 +12,7 @@
     <p class="alert alert-error"><?= t('Your board doesn\'t have any columns!') ?></p>
 <?php else: ?>
     <table
-        class="columns-table table-stripped"
+        class="columns-table table-striped"
         data-save-position-url="<?= $this->url->href('ColumnController', 'move', array('project_id' => $project['id'])) ?>">
         <thead>
         <tr>

app/Template/currency/index.php

@@ -4,7 +4,7 @@
 
 <?php if (! empty($rates)): ?>
 
-<table class="table-stripped">
+<table class="table-striped">
     <tr>
         <th class="column-35"><?= t('Currency') ?></th>
         <th><?= t('Rate') ?></th>

app/Template/custom_filter/index.php

@@ -3,7 +3,7 @@
     <h2><?= t('Custom filters') ?></h2>
 </div>
 <div>
-    <table>
+    <table class="table-striped table-scrolling">
         <tr>
             <th class="column-15"><?= t('Name') ?></th>
             <th class="column-30"><?= t('Filter') ?></th>

app/Template/dashboard/notifications.php

@@ -13,7 +13,7 @@
     </ul>
 </div>
 
-    <table class="table-fixed table-small">
+    <table class="table-striped table-scrolling table-small">
         <tr>
             <th><?= t('Notification') ?></th>
             <th class="column-20"><?= t('Date') ?></th>

app/Template/dashboard/projects.php

@@ -4,7 +4,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('Your are not member of any project.') ?></p>
 <?php else: ?>
-    <table class="table-small">
+    <table class="table-striped table-small table-scrolling">
         <tr>
             <th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\ProjectModel::TABLE.'.id') ?></th>
             <th class="column-3"><?= $paginator->order('<i class="fa fa-lock fa-fw" title="'.t('Private project').'"></i>', \Kanboard\Model\ProjectModel::TABLE.'.is_private') ?></th>

app/Template/dashboard/subtasks.php

@@ -4,7 +4,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('There is nothing assigned to you.') ?></p>
 <?php else: ?>
-    <table class="table-small">
+    <table class="table-striped table-small table-scrolling">
         <tr>
             <th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
             <th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>

app/Template/dashboard/tasks.php

@@ -4,7 +4,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('There is nothing assigned to you.') ?></p>
 <?php else: ?>
-    <table class="table-small">
+    <table class="table-striped table-small table-scrolling">
         <tr>
             <th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
             <th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>

app/Template/group/users.php

@@ -8,7 +8,7 @@
     <?php if ($paginator->isEmpty()): ?>
         <p class="alert"><?= t('There is no user in this group.') ?></p>
     <?php else: ?>
-        <table>
+        <table class="table-striped table-scrolling">
             <tr>
                 <th><?= $paginator->order(t('Id'), 'id') ?></th>
                 <th><?= $paginator->order(t('Username'), 'username') ?></th>

app/Template/link/index.php

@@ -2,7 +2,7 @@
     <h2><?= t('Link labels') ?></h2>
 </div>
 <?php if (! empty($links)): ?>
-<table>
+<table class="table-striped table-scrolling">
     <tr>
         <th class="column-70"><?= t('Link labels') ?></th>
         <th><?= t('Actions') ?></th>

app/Template/project_list/show.php

@@ -12,7 +12,7 @@
     <?php if ($paginator->isEmpty()): ?>
         <p class="alert"><?= t('No project') ?></p>
     <?php else: ?>
-        <table class="table-stripped">
+        <table class="table-striped table-scrolling">
             <tr>
                 <th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
                 <th class="column-8"><?= $paginator->order(t('Status'), 'is_active') ?></th>

app/Template/project_overview/files.php

@@ -1,5 +1,5 @@
 <?php if (! empty($files)): ?>
-    <table class="table-stripped">
+    <table class="table-striped table-scrolling">
         <tr>
             <th><?= t('Filename') ?></th>
             <th><?= t('Creator') ?></th>

app/Template/project_permission/index.php

@@ -9,7 +9,7 @@
     <?php if (empty($users)): ?>
         <div class="alert"><?= t('No user have been allowed specifically.') ?></div>
     <?php else: ?>
-        <table>
+        <table class="table-scrolling">
             <tr>
                 <th class="column-50"><?= t('User') ?></th>
                 <th><?= t('Role') ?></th>
@@ -69,7 +69,7 @@
     <?php if (empty($groups)): ?>
         <div class="alert"><?= t('No group have been allowed specifically.') ?></div>
     <?php else: ?>
-        <table>
+        <table class="table-scrolling">
             <tr>
                 <th class="column-50"><?= t('Group') ?></th>
                 <th><?= t('Role') ?></th>

app/Template/project_tag/index.php

@@ -11,7 +11,7 @@
 <?php if (empty($tags)): ?>
     <p class="alert"><?= t('There is no specific tag for this project at the moment.') ?></p>
 <?php else: ?>
-    <table class="table-striped">
+    <table class="table-striped table-scrolling">
         <tr>
             <th class="column-80"><?= t('Tag') ?></th>
             <th><?= t('Action') ?></th>

app/Template/project_user_overview/roles.php

@@ -1,7 +1,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('No project') ?></p>
 <?php else: ?>
-    <table class="table-fixed">
+    <table class="table-fixed table-scrolling">
         <tr>
             <th class="column-20"><?= $paginator->order(t('User'), 'users.username') ?></th>
             <th class="column-25"><?= $paginator->order(t('Project'), 'projects.name') ?></th>

app/Template/project_user_overview/tasks.php

@@ -1,7 +1,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('No tasks found.') ?></p>
 <?php elseif (! $paginator->isEmpty()): ?>
-    <table class="table-small">
+    <table class="table-small table-striped table-scrolling">
         <tr>
             <th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
             <th class="column-10"><?= $paginator->order(t('Project'), 'projects.name') ?></th>

app/Template/project_user_overview/tooltip_users.php

@@ -1,7 +1,7 @@
 <?php if (empty($users)): ?>
     <p><?= t('There is no project member.') ?></p>
 <?php else: ?>
-    <table>
+    <table class="table-small">
     <?php foreach ($roles as $role => $role_name): ?>
         <?php if (isset($users[$role])): ?>
         <tr><th><?= $role_name ?></th></tr>

app/Template/project_view/show.php

@@ -52,7 +52,7 @@
 <div class="page-header">
     <h2><?= t('Board') ?></h2>
 </div>
-<table class="table-stripped">
+<table class="table-striped table-scrolling">
     <tr>
         <th class="column-40"><?= t('Column') ?></th>
         <th class="column-20"><?= t('Task limit') ?></th>

app/Template/search/results.php

@@ -1,4 +1,4 @@
-<table class="table-fixed table-small">
+<table class="table-small table-scrolling">
     <tr>
         <th class="column-8"><?= $paginator->order(t('Project'), 'tasks.project_id') ?></th>
         <th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>

app/Template/subtask/table.php

@@ -1,6 +1,6 @@
 <?php if (! empty($subtasks)): ?>
     <table
-        class="subtasks-table table-stripped"
+        class="subtasks-table table-striped table-scrolling"
         data-save-position-url="<?= $this->url->href('SubtaskController', 'movePosition', array('project_id' => $task['project_id'], 'task_id' => $task['id'])) ?>"
     >
     <thead>

app/Template/swimlane/table.php

@@ -1,5 +1,5 @@
 <table
-    class="swimlanes-table table-stripped"
+    class="swimlanes-table table-striped table-scrolling"
     data-save-position-url="<?= $this->url->href('SwimlaneController', 'move', array('project_id' => $project['id'])) ?>">
     <thead>
         <tr>

app/Template/tag/index.php

@@ -11,7 +11,7 @@
 <?php if (empty($tags)): ?>
     <p class="alert"><?= t('There is no global tag at the moment.') ?></p>
 <?php else: ?>
-    <table class="table-striped">
+    <table class="table-striped table-scrolling">
         <tr>
             <th class="column-80"><?= t('Tag') ?></th>
             <th><?= t('Action') ?></th>

app/Template/task/analytics.php

@@ -18,7 +18,7 @@
 
 <h3 id="analytic-task-time-column"><?= t('Time spent into each column') ?></h3>
 <div id="chart" data-metrics='<?= json_encode($time_spent_columns, JSON_HEX_APOS) ?>' data-label="<?= t('Time spent') ?>"></div>
-<table class="table-stripped">
+<table class="table-striped">
     <tr>
         <th><?= t('Column') ?></th>
         <th><?= t('Time spent') ?></th>

app/Template/task/time_tracking_details.php

@@ -11,7 +11,7 @@
 <?php if ($subtask_paginator->isEmpty()): ?>
     <p class="alert"><?= t('There is nothing to show.') ?></p>
 <?php else: ?>
-    <table class="table-fixed">
+    <table class="table-fixed table-scrolling">
         <tr>
             <th class="column-15"><?= $subtask_paginator->order(t('User'), 'username') ?></th>
             <th><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>

app/Template/task/transitions.php

@@ -12,7 +12,7 @@
 <?php if (empty($transitions)): ?>
     <p class="alert"><?= t('There is nothing to show.') ?></p>
 <?php else: ?>
-    <table class="table-stripped">
+    <table class="table-striped table-scrolling">
         <tr>
             <th><?= t('Date') ?></th>
             <th><?= t('Source column') ?></th>

app/Template/task_external_link/table.php

@@ -1,5 +1,5 @@
 <?php if (! empty($links)): ?>
-<table class="table-stripped table-small">
+<table class="table-striped table-scrolling">
     <tr>
         <th class="column-10"><?= t('Type') ?></th>
         <th><?= t('Title') ?></th>

app/Template/task_file/files.php

@@ -1,5 +1,5 @@
 <?php if (! empty($files)): ?>
-    <table class="table-stripped table-small">
+    <table class="table-striped table-scrolling">
         <tr>
             <th><?= t('Filename') ?></th>
             <th><?= t('Creator') ?></th>

app/Template/task_internal_link/table.php

@@ -1,5 +1,5 @@
 <?php if (! empty($links)): ?>
-<table class="task-links-table table-stripped">
+<table class="task-links-table table-striped table-scrolling">
     <?php foreach ($links as $label => $grouped_links): ?>
         <?php $hide_td = false ?>
         <?php foreach ($grouped_links as $link): ?>

app/Template/task_list/show.php

@@ -4,7 +4,7 @@
     <?php if ($paginator->isEmpty()): ?>
         <p class="alert"><?= t('No tasks found.') ?></p>
     <?php elseif (! $paginator->isEmpty()): ?>
-        <table class="table-fixed table-small">
+        <table class="table-striped table-scrolling table-small">
             <tr>
                 <th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
                 <th class="column-10"><?= $paginator->order(t('Swimlane'), 'tasks.swimlane_id') ?></th>

app/Template/user_list/show.php

@@ -12,7 +12,7 @@
     <?php if ($paginator->isEmpty()): ?>
         <p class="alert"><?= t('No user') ?></p>
     <?php else: ?>
-        <table class="table-stripped">
+        <table class="table-scrolling table-striped">
             <tr>
                 <th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
                 <th class="column-18"><?= $paginator->order(t('Username'), 'username') ?></th>

app/Template/user_view/last.php

@@ -5,7 +5,7 @@
 <?php if (empty($last_logins)): ?>
     <p class="alert"><?= t('Never connected.') ?></p>
 <?php else: ?>
-    <table class="table-small table-fixed">
+    <table class="table-small table-fixed table-scrolling table-striped">
     <tr>
         <th class="column-20"><?= t('Login date') ?></th>
         <th class="column-15"><?= t('Authentication method') ?></th>
@@ -21,4 +21,4 @@
     </tr>
     <?php endforeach ?>
     </table>
-<?php endif ?>
+<?php endif ?>

app/Template/user_view/password_reset.php

@@ -5,7 +5,7 @@
 <?php if (empty($tokens)): ?>
     <p class="alert"><?= t('The password has never been reinitialized.') ?></p>
 <?php else: ?>
-    <table class="table-small table-fixed">
+    <table class="table-small table-fixed table-scrolling table-striped">
     <tr>
         <th class="column-20"><?= t('Creation') ?></th>
         <th class="column-20"><?= t('Expiration') ?></th>
@@ -23,4 +23,4 @@
     </tr>
     <?php endforeach ?>
     </table>
-<?php endif ?>
+<?php endif ?>

app/Template/user_view/sessions.php

@@ -5,7 +5,7 @@
 <?php if (empty($sessions)): ?>
     <p class="alert"><?= t('No session.') ?></p>
 <?php else: ?>
-    <table class="table-small table-fixed">
+    <table class="table-small table-fixed table-scrolling table-striped">
     <tr>
         <th class="column-20"><?= t('Creation date') ?></th>
         <th class="column-20"><?= t('Expiration date') ?></th>

app/Template/user_view/timesheet.php

@@ -6,7 +6,7 @@
 <?php if ($subtask_paginator->isEmpty()): ?>
     <p class="alert"><?= t('There is nothing to show.') ?></p>
 <?php else: ?>
-    <table class="table-fixed">
+    <table class="table-fixed table-scrolling table-striped">
         <tr>
             <th class="column-25"><?= $subtask_paginator->order(t('Task'), 'task_title') ?></th>
             <th class="column-25"><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>