Make tables more responsive
This commit is contained in:
@@ -15,7 +15,7 @@
|
|||||||
<?php if (empty($actions)): ?>
|
<?php if (empty($actions)): ?>
|
||||||
<p class="alert"><?= t('There is no action at the moment.') ?></p>
|
<p class="alert"><?= t('There is no action at the moment.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table>
|
<table class="table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Automatic actions') ?></th>
|
<th><?= t('Automatic actions') ?></th>
|
||||||
<th><?= t('Action parameters') ?></th>
|
<th><?= t('Action parameters') ?></th>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>' data-label="<?= t('Average time spent') ?>"></div>
|
<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>
|
<tr>
|
||||||
<th><?= t('Column') ?></th>
|
<th><?= t('Column') ?></th>
|
||||||
<th><?= t('Average time spent') ?></th>
|
<th><?= t('Average time spent') ?></th>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No tasks found.') ?></p>
|
<p class="alert"><?= t('No tasks found.') ?></p>
|
||||||
<?php elseif (! $paginator->isEmpty()): ?>
|
<?php elseif (! $paginator->isEmpty()): ?>
|
||||||
<table class="table-fixed table-small">
|
<table class="table-fixed table-small table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
||||||
<th><?= $paginator->order(t('Title'), 'tasks.title') ?></th>
|
<th><?= $paginator->order(t('Title'), 'tasks.title') ?></th>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
|
<div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
|
||||||
|
|
||||||
<table>
|
<table class="table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Column') ?></th>
|
<th><?= t('Column') ?></th>
|
||||||
<th><?= t('Number of tasks') ?></th>
|
<th><?= t('Number of tasks') ?></th>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
|
<div id="chart" data-metrics='<?= json_encode($metrics, JSON_HEX_APOS) ?>'></div>
|
||||||
|
|
||||||
<table>
|
<table class="table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('User') ?></th>
|
<th><?= t('User') ?></th>
|
||||||
<th><?= t('Number of tasks') ?></th>
|
<th><?= t('Number of tasks') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="tooltip-large">
|
<div class="tooltip-large">
|
||||||
<table>
|
<table class="table-small">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-20"><?= t('Type') ?></th>
|
<th class="column-20"><?= t('Type') ?></th>
|
||||||
<th class="column-70"><?= t('Title') ?></th>
|
<th class="column-70"><?= t('Title') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="tooltip-large">
|
<div class="tooltip-large">
|
||||||
<table>
|
<table class="table-small">
|
||||||
<?php foreach ($files as $file): ?>
|
<?php foreach ($files as $file): ?>
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="tooltip-large">
|
<div class="tooltip-large">
|
||||||
<table>
|
<table class="table-small">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-80"><?= t('Subtask') ?></th>
|
<th class="column-80"><?= t('Subtask') ?></th>
|
||||||
<th><?= t('Assignee') ?></th>
|
<th><?= t('Assignee') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="tooltip-large">
|
<div class="tooltip-large">
|
||||||
<table>
|
<table class="table-small">
|
||||||
<?php foreach ($links as $label => $grouped_links): ?>
|
<?php foreach ($links as $label => $grouped_links): ?>
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="4"><?= t($label) ?></th>
|
<th colspan="4"><?= t($label) ?></th>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h2><?= t('Categories') ?></h2>
|
<h2><?= t('Categories') ?></h2>
|
||||||
</div>
|
</div>
|
||||||
<table>
|
<table class="table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Category Name') ?></th>
|
<th><?= t('Category Name') ?></th>
|
||||||
<th class="column-8"><?= t('Actions') ?></th>
|
<th class="column-8"><?= t('Actions') ?></th>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<p class="alert alert-error"><?= t('Your board doesn\'t have any columns!') ?></p>
|
<p class="alert alert-error"><?= t('Your board doesn\'t have any columns!') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table
|
<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'])) ?>">
|
data-save-position-url="<?= $this->url->href('ColumnController', 'move', array('project_id' => $project['id'])) ?>">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
<?php if (! empty($rates)): ?>
|
<?php if (! empty($rates)): ?>
|
||||||
|
|
||||||
<table class="table-stripped">
|
<table class="table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-35"><?= t('Currency') ?></th>
|
<th class="column-35"><?= t('Currency') ?></th>
|
||||||
<th><?= t('Rate') ?></th>
|
<th><?= t('Rate') ?></th>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<h2><?= t('Custom filters') ?></h2>
|
<h2><?= t('Custom filters') ?></h2>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<table>
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-15"><?= t('Name') ?></th>
|
<th class="column-15"><?= t('Name') ?></th>
|
||||||
<th class="column-30"><?= t('Filter') ?></th>
|
<th class="column-30"><?= t('Filter') ?></th>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="table-fixed table-small">
|
<table class="table-striped table-scrolling table-small">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Notification') ?></th>
|
<th><?= t('Notification') ?></th>
|
||||||
<th class="column-20"><?= t('Date') ?></th>
|
<th class="column-20"><?= t('Date') ?></th>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('Your are not member of any project.') ?></p>
|
<p class="alert"><?= t('Your are not member of any project.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small">
|
<table class="table-striped table-small table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\ProjectModel::TABLE.'.id') ?></th>
|
<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>
|
<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>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('There is nothing assigned to you.') ?></p>
|
<p class="alert"><?= t('There is nothing assigned to you.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small">
|
<table class="table-striped table-small table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
|
<th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
|
||||||
<th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>
|
<th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('There is nothing assigned to you.') ?></p>
|
<p class="alert"><?= t('There is nothing assigned to you.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small">
|
<table class="table-striped table-small table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
|
<th class="column-5"><?= $paginator->order('Id', \Kanboard\Model\TaskModel::TABLE.'.id') ?></th>
|
||||||
<th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>
|
<th class="column-20"><?= $paginator->order(t('Project'), 'project_name') ?></th>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('There is no user in this group.') ?></p>
|
<p class="alert"><?= t('There is no user in this group.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table>
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= $paginator->order(t('Id'), 'id') ?></th>
|
<th><?= $paginator->order(t('Id'), 'id') ?></th>
|
||||||
<th><?= $paginator->order(t('Username'), 'username') ?></th>
|
<th><?= $paginator->order(t('Username'), 'username') ?></th>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<h2><?= t('Link labels') ?></h2>
|
<h2><?= t('Link labels') ?></h2>
|
||||||
</div>
|
</div>
|
||||||
<?php if (! empty($links)): ?>
|
<?php if (! empty($links)): ?>
|
||||||
<table>
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-70"><?= t('Link labels') ?></th>
|
<th class="column-70"><?= t('Link labels') ?></th>
|
||||||
<th><?= t('Actions') ?></th>
|
<th><?= t('Actions') ?></th>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No project') ?></p>
|
<p class="alert"><?= t('No project') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-stripped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
|
||||||
<th class="column-8"><?= $paginator->order(t('Status'), 'is_active') ?></th>
|
<th class="column-8"><?= $paginator->order(t('Status'), 'is_active') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<?php if (! empty($files)): ?>
|
<?php if (! empty($files)): ?>
|
||||||
<table class="table-stripped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Filename') ?></th>
|
<th><?= t('Filename') ?></th>
|
||||||
<th><?= t('Creator') ?></th>
|
<th><?= t('Creator') ?></th>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<?php if (empty($users)): ?>
|
<?php if (empty($users)): ?>
|
||||||
<div class="alert"><?= t('No user have been allowed specifically.') ?></div>
|
<div class="alert"><?= t('No user have been allowed specifically.') ?></div>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table>
|
<table class="table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-50"><?= t('User') ?></th>
|
<th class="column-50"><?= t('User') ?></th>
|
||||||
<th><?= t('Role') ?></th>
|
<th><?= t('Role') ?></th>
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
<?php if (empty($groups)): ?>
|
<?php if (empty($groups)): ?>
|
||||||
<div class="alert"><?= t('No group have been allowed specifically.') ?></div>
|
<div class="alert"><?= t('No group have been allowed specifically.') ?></div>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table>
|
<table class="table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-50"><?= t('Group') ?></th>
|
<th class="column-50"><?= t('Group') ?></th>
|
||||||
<th><?= t('Role') ?></th>
|
<th><?= t('Role') ?></th>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<?php if (empty($tags)): ?>
|
<?php if (empty($tags)): ?>
|
||||||
<p class="alert"><?= t('There is no specific tag for this project at the moment.') ?></p>
|
<p class="alert"><?= t('There is no specific tag for this project at the moment.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-striped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-80"><?= t('Tag') ?></th>
|
<th class="column-80"><?= t('Tag') ?></th>
|
||||||
<th><?= t('Action') ?></th>
|
<th><?= t('Action') ?></th>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No project') ?></p>
|
<p class="alert"><?= t('No project') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-fixed">
|
<table class="table-fixed table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-20"><?= $paginator->order(t('User'), 'users.username') ?></th>
|
<th class="column-20"><?= $paginator->order(t('User'), 'users.username') ?></th>
|
||||||
<th class="column-25"><?= $paginator->order(t('Project'), 'projects.name') ?></th>
|
<th class="column-25"><?= $paginator->order(t('Project'), 'projects.name') ?></th>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No tasks found.') ?></p>
|
<p class="alert"><?= t('No tasks found.') ?></p>
|
||||||
<?php elseif (! $paginator->isEmpty()): ?>
|
<?php elseif (! $paginator->isEmpty()): ?>
|
||||||
<table class="table-small">
|
<table class="table-small table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
||||||
<th class="column-10"><?= $paginator->order(t('Project'), 'projects.name') ?></th>
|
<th class="column-10"><?= $paginator->order(t('Project'), 'projects.name') ?></th>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<?php if (empty($users)): ?>
|
<?php if (empty($users)): ?>
|
||||||
<p><?= t('There is no project member.') ?></p>
|
<p><?= t('There is no project member.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table>
|
<table class="table-small">
|
||||||
<?php foreach ($roles as $role => $role_name): ?>
|
<?php foreach ($roles as $role => $role_name): ?>
|
||||||
<?php if (isset($users[$role])): ?>
|
<?php if (isset($users[$role])): ?>
|
||||||
<tr><th><?= $role_name ?></th></tr>
|
<tr><th><?= $role_name ?></th></tr>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h2><?= t('Board') ?></h2>
|
<h2><?= t('Board') ?></h2>
|
||||||
</div>
|
</div>
|
||||||
<table class="table-stripped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-40"><?= t('Column') ?></th>
|
<th class="column-40"><?= t('Column') ?></th>
|
||||||
<th class="column-20"><?= t('Task limit') ?></th>
|
<th class="column-20"><?= t('Task limit') ?></th>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<table class="table-fixed table-small">
|
<table class="table-small table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-8"><?= $paginator->order(t('Project'), 'tasks.project_id') ?></th>
|
<th class="column-8"><?= $paginator->order(t('Project'), 'tasks.project_id') ?></th>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php if (! empty($subtasks)): ?>
|
<?php if (! empty($subtasks)): ?>
|
||||||
<table
|
<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'])) ?>"
|
data-save-position-url="<?= $this->url->href('SubtaskController', 'movePosition', array('project_id' => $task['project_id'], 'task_id' => $task['id'])) ?>"
|
||||||
>
|
>
|
||||||
<thead>
|
<thead>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<table
|
<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'])) ?>">
|
data-save-position-url="<?= $this->url->href('SwimlaneController', 'move', array('project_id' => $project['id'])) ?>">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<?php if (empty($tags)): ?>
|
<?php if (empty($tags)): ?>
|
||||||
<p class="alert"><?= t('There is no global tag at the moment.') ?></p>
|
<p class="alert"><?= t('There is no global tag at the moment.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-striped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-80"><?= t('Tag') ?></th>
|
<th class="column-80"><?= t('Tag') ?></th>
|
||||||
<th><?= t('Action') ?></th>
|
<th><?= t('Action') ?></th>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
<h3 id="analytic-task-time-column"><?= t('Time spent into each column') ?></h3>
|
<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>
|
<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>
|
<tr>
|
||||||
<th><?= t('Column') ?></th>
|
<th><?= t('Column') ?></th>
|
||||||
<th><?= t('Time spent') ?></th>
|
<th><?= t('Time spent') ?></th>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<?php if ($subtask_paginator->isEmpty()): ?>
|
<?php if ($subtask_paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-fixed">
|
<table class="table-fixed table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-15"><?= $subtask_paginator->order(t('User'), 'username') ?></th>
|
<th class="column-15"><?= $subtask_paginator->order(t('User'), 'username') ?></th>
|
||||||
<th><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>
|
<th><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<?php if (empty($transitions)): ?>
|
<?php if (empty($transitions)): ?>
|
||||||
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-stripped">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Date') ?></th>
|
<th><?= t('Date') ?></th>
|
||||||
<th><?= t('Source column') ?></th>
|
<th><?= t('Source column') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<?php if (! empty($links)): ?>
|
<?php if (! empty($links)): ?>
|
||||||
<table class="table-stripped table-small">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-10"><?= t('Type') ?></th>
|
<th class="column-10"><?= t('Type') ?></th>
|
||||||
<th><?= t('Title') ?></th>
|
<th><?= t('Title') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<?php if (! empty($files)): ?>
|
<?php if (! empty($files)): ?>
|
||||||
<table class="table-stripped table-small">
|
<table class="table-striped table-scrolling">
|
||||||
<tr>
|
<tr>
|
||||||
<th><?= t('Filename') ?></th>
|
<th><?= t('Filename') ?></th>
|
||||||
<th><?= t('Creator') ?></th>
|
<th><?= t('Creator') ?></th>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<?php if (! empty($links)): ?>
|
<?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 foreach ($links as $label => $grouped_links): ?>
|
||||||
<?php $hide_td = false ?>
|
<?php $hide_td = false ?>
|
||||||
<?php foreach ($grouped_links as $link): ?>
|
<?php foreach ($grouped_links as $link): ?>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No tasks found.') ?></p>
|
<p class="alert"><?= t('No tasks found.') ?></p>
|
||||||
<?php elseif (! $paginator->isEmpty()): ?>
|
<?php elseif (! $paginator->isEmpty()): ?>
|
||||||
<table class="table-fixed table-small">
|
<table class="table-striped table-scrolling table-small">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
|
||||||
<th class="column-10"><?= $paginator->order(t('Swimlane'), 'tasks.swimlane_id') ?></th>
|
<th class="column-10"><?= $paginator->order(t('Swimlane'), 'tasks.swimlane_id') ?></th>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<?php if ($paginator->isEmpty()): ?>
|
<?php if ($paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('No user') ?></p>
|
<p class="alert"><?= t('No user') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-stripped">
|
<table class="table-scrolling table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
|
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
|
||||||
<th class="column-18"><?= $paginator->order(t('Username'), 'username') ?></th>
|
<th class="column-18"><?= $paginator->order(t('Username'), 'username') ?></th>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<?php if (empty($last_logins)): ?>
|
<?php if (empty($last_logins)): ?>
|
||||||
<p class="alert"><?= t('Never connected.') ?></p>
|
<p class="alert"><?= t('Never connected.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small table-fixed">
|
<table class="table-small table-fixed table-scrolling table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-20"><?= t('Login date') ?></th>
|
<th class="column-20"><?= t('Login date') ?></th>
|
||||||
<th class="column-15"><?= t('Authentication method') ?></th>
|
<th class="column-15"><?= t('Authentication method') ?></th>
|
||||||
@@ -21,4 +21,4 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<?php endforeach ?>
|
<?php endforeach ?>
|
||||||
</table>
|
</table>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<?php if (empty($tokens)): ?>
|
<?php if (empty($tokens)): ?>
|
||||||
<p class="alert"><?= t('The password has never been reinitialized.') ?></p>
|
<p class="alert"><?= t('The password has never been reinitialized.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small table-fixed">
|
<table class="table-small table-fixed table-scrolling table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-20"><?= t('Creation') ?></th>
|
<th class="column-20"><?= t('Creation') ?></th>
|
||||||
<th class="column-20"><?= t('Expiration') ?></th>
|
<th class="column-20"><?= t('Expiration') ?></th>
|
||||||
@@ -23,4 +23,4 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<?php endforeach ?>
|
<?php endforeach ?>
|
||||||
</table>
|
</table>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<?php if (empty($sessions)): ?>
|
<?php if (empty($sessions)): ?>
|
||||||
<p class="alert"><?= t('No session.') ?></p>
|
<p class="alert"><?= t('No session.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-small table-fixed">
|
<table class="table-small table-fixed table-scrolling table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-20"><?= t('Creation date') ?></th>
|
<th class="column-20"><?= t('Creation date') ?></th>
|
||||||
<th class="column-20"><?= t('Expiration date') ?></th>
|
<th class="column-20"><?= t('Expiration date') ?></th>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<?php if ($subtask_paginator->isEmpty()): ?>
|
<?php if ($subtask_paginator->isEmpty()): ?>
|
||||||
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
<p class="alert"><?= t('There is nothing to show.') ?></p>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<table class="table-fixed">
|
<table class="table-fixed table-scrolling table-striped">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="column-25"><?= $subtask_paginator->order(t('Task'), 'task_title') ?></th>
|
<th class="column-25"><?= $subtask_paginator->order(t('Task'), 'task_title') ?></th>
|
||||||
<th class="column-25"><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>
|
<th class="column-25"><?= $subtask_paginator->order(t('Subtask'), 'subtask_title') ?></th>
|
||||||
|
|||||||
2
assets/css/app.min.css
vendored
2
assets/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -37,3 +37,8 @@
|
|||||||
@content
|
@content
|
||||||
&:-ms-input-placeholder
|
&:-ms-input-placeholder
|
||||||
@content
|
@content
|
||||||
|
|
||||||
|
@mixin col-x($n)
|
||||||
|
@for $i from 1 through $n
|
||||||
|
.column-#{$i}
|
||||||
|
width: $i * 1%
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
.sidebar-content
|
.sidebar-content
|
||||||
padding-left: 10px
|
padding-left: 10px
|
||||||
@include grid_width(80/100)
|
@include grid_width(82/100)
|
||||||
@include xs-device
|
@include xs-device
|
||||||
@include grid_width(1)
|
@include grid_width(1)
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
@import variables
|
@import variables
|
||||||
|
@import mixins
|
||||||
|
|
||||||
table
|
table
|
||||||
width: 100%
|
width: 100%
|
||||||
@@ -6,106 +7,48 @@ table
|
|||||||
border-spacing: 0
|
border-spacing: 0
|
||||||
margin-bottom: 20px
|
margin-bottom: 20px
|
||||||
|
|
||||||
th
|
&.table-fixed
|
||||||
border: 1px solid #eee
|
table-layout: fixed
|
||||||
padding: 0.5em 3px
|
|
||||||
|
|
||||||
td
|
|
||||||
border: 1px solid #eee
|
|
||||||
padding: 0.5em 3px
|
|
||||||
vertical-align: top
|
|
||||||
|
|
||||||
th
|
|
||||||
background: bg-color('primary')
|
|
||||||
text-align: left
|
|
||||||
|
|
||||||
td li
|
|
||||||
margin-left: 20px
|
|
||||||
|
|
||||||
.table-small
|
|
||||||
font-size: size('small')
|
|
||||||
|
|
||||||
th a
|
|
||||||
text-decoration: none
|
|
||||||
color: color('primary')
|
|
||||||
&:focus, &:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
.table-fixed
|
|
||||||
table-layout: fixed
|
|
||||||
white-space: nowrap
|
|
||||||
th
|
|
||||||
overflow: hidden
|
|
||||||
td
|
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
overflow: hidden
|
th
|
||||||
text-overflow: ellipsis
|
overflow: hidden
|
||||||
|
td
|
||||||
|
white-space: nowrap
|
||||||
|
overflow: hidden
|
||||||
|
text-overflow: ellipsis
|
||||||
|
|
||||||
.table-stripped tr:nth-child(odd)
|
&.table-small
|
||||||
background: #fefefe
|
font-size: size('small')
|
||||||
|
|
||||||
.column-3
|
&.table-striped tr:nth-child(odd)
|
||||||
width: 3%
|
background: bg-color('lighter')
|
||||||
|
|
||||||
.column-5
|
&.table-scrolling
|
||||||
width: 5%
|
@include sm-device
|
||||||
|
overflow-x: auto
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: top
|
||||||
|
max-width: 100%
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
.column-8
|
th
|
||||||
width: 7.5%
|
text-align: left
|
||||||
|
padding: 0.5em 3px
|
||||||
|
border: 1px solid #eee
|
||||||
|
background: bg-color('primary')
|
||||||
|
|
||||||
.column-10
|
a
|
||||||
width: 10%
|
text-decoration: none
|
||||||
|
color: color('primary')
|
||||||
|
&:focus, &:hover
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
.column-12
|
|
||||||
width: 12%
|
|
||||||
|
|
||||||
.column-15
|
|
||||||
width: 15%
|
|
||||||
|
|
||||||
.column-18
|
|
||||||
width: 18%
|
|
||||||
|
|
||||||
.column-20
|
|
||||||
width: 20%
|
|
||||||
|
|
||||||
.column-25
|
|
||||||
width: 25%
|
|
||||||
|
|
||||||
.column-30
|
|
||||||
width: 30%
|
|
||||||
|
|
||||||
.column-35
|
|
||||||
width: 35%
|
|
||||||
|
|
||||||
.column-40
|
|
||||||
width: 40%
|
|
||||||
|
|
||||||
.column-50
|
|
||||||
width: 50%
|
|
||||||
|
|
||||||
.column-60
|
|
||||||
width: 60%
|
|
||||||
|
|
||||||
.column-70, .column-80
|
|
||||||
width: 70%
|
|
||||||
|
|
||||||
.draggable-row-handle
|
|
||||||
cursor: move
|
|
||||||
color: #dedede
|
|
||||||
&:hover
|
|
||||||
color: color('primary')
|
|
||||||
|
|
||||||
tr.draggable-item-selected
|
|
||||||
background: #fff
|
|
||||||
border: 2px solid #666
|
|
||||||
box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55)
|
|
||||||
td
|
td
|
||||||
border-top: none
|
border: 1px solid #eee
|
||||||
border-bottom: none
|
padding: 0.5em 3px
|
||||||
&:first-child
|
vertical-align: top
|
||||||
border-left: none
|
|
||||||
&:last-child
|
|
||||||
border-right: none
|
|
||||||
|
|
||||||
.table-stripped tr.draggable-item-hover, tr.draggable-item-hover
|
li
|
||||||
background: #FEFFF2
|
margin-left: 20px
|
||||||
|
|
||||||
|
@include col-x(100)
|
||||||
|
|||||||
23
assets/sass/_table_drag_and_drop.sass
Normal file
23
assets/sass/_table_drag_and_drop.sass
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
@import variables
|
||||||
|
|
||||||
|
.draggable-row-handle
|
||||||
|
cursor: move
|
||||||
|
color: color('lighter')
|
||||||
|
&:hover
|
||||||
|
color: color('primary')
|
||||||
|
|
||||||
|
tr.draggable-item-selected
|
||||||
|
background: #fff
|
||||||
|
border: 2px solid #666
|
||||||
|
box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55)
|
||||||
|
td
|
||||||
|
border-top: none
|
||||||
|
border-bottom: none
|
||||||
|
&:first-child
|
||||||
|
border-left: none
|
||||||
|
&:last-child
|
||||||
|
border-right: none
|
||||||
|
|
||||||
|
.table-stripped
|
||||||
|
tr.draggable-item-hover, tr.draggable-item-hover
|
||||||
|
background: #FEFFF2
|
||||||
@@ -4,7 +4,7 @@ $md-device-width: 1150px
|
|||||||
|
|
||||||
$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48)
|
$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48)
|
||||||
$link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333)
|
$link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333)
|
||||||
$background-colors: ('primary': #fbfbfb, 'light': #fcfcfc)
|
$background-colors: ('primary': #fbfbfb, 'light': #fcfcfc, 'lighter': #fefefe)
|
||||||
|
|
||||||
$alert-colors: ('default': #c09853, 'success': #468847, 'error': #b94a48, 'info': #3a87ad, 'normal': #333)
|
$alert-colors: ('default': #c09853, 'success': #468847, 'error': #b94a48, 'info': #3a87ad, 'normal': #333)
|
||||||
$alert-background-colors: ('default': #fcf8e3, 'success': #dff0d8, 'error': #f2dede, 'info': #d9edf7, 'normal': #f0f0f0)
|
$alert-background-colors: ('default': #fcf8e3, 'success': #dff0d8, 'error': #f2dede, 'info': #d9edf7, 'normal': #f0f0f0)
|
||||||
|
|||||||
@@ -3,6 +3,7 @@
|
|||||||
@import links
|
@import links
|
||||||
@import title
|
@import title
|
||||||
@import table
|
@import table
|
||||||
|
@import table_drag_and_drop
|
||||||
@import form
|
@import form
|
||||||
@import input_addon
|
@import input_addon
|
||||||
@import alert
|
@import alert
|
||||||
|
|||||||
Reference in New Issue
Block a user