Minors layout improvements
This commit is contained in:
@@ -16,11 +16,17 @@
|
||||
|
||||
<?= Helper\form_csrf() ?>
|
||||
|
||||
<?= Helper\form_label(t('Start Date'), 'from') ?>
|
||||
<?= Helper\form_text('from', $values, array(), array('required', 'placeholder="'.Helper\in_list($date_format, $date_formats).'"'), 'form-date') ?>
|
||||
<div class="form-inline-group">
|
||||
<?= Helper\form_label(t('Start Date'), 'from') ?>
|
||||
<?= Helper\form_text('from', $values, array(), array('required', 'placeholder="'.Helper\in_list($date_format, $date_formats).'"'), 'form-date') ?>
|
||||
</div>
|
||||
|
||||
<?= Helper\form_label(t('End Date'), 'to') ?>
|
||||
<?= Helper\form_text('to', $values, array(), array('required', 'placeholder="'.Helper\in_list($date_format, $date_formats).'"'), 'form-date') ?>
|
||||
<div class="form-inline-group">
|
||||
<?= Helper\form_label(t('End Date'), 'to') ?>
|
||||
<?= Helper\form_text('to', $values, array(), array('required', 'placeholder="'.Helper\in_list($date_format, $date_formats).'"'), 'form-date') ?>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="<?= t('Execute') ?>" class="btn btn-blue"/>
|
||||
<div class="form-inline-group">
|
||||
<input type="submit" value="<?= t('Execute') ?>" class="btn btn-blue"/>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<?php else: ?>
|
||||
<table class="table-fixed">
|
||||
<tr>
|
||||
<th class="column-10"><?= Helper\order(t('Task Id'), 'tasks.id', $pagination) ?></th>
|
||||
<th class="column-10"><?= Helper\order('Id', 'tasks.id', $pagination) ?></th>
|
||||
<th class="column-20"><?= Helper\order(t('Project'), 'project_name', $pagination) ?></th>
|
||||
<th class="column-15"><?= Helper\order(t('Status'), 'status', $pagination) ?></th>
|
||||
<th><?= Helper\order(t('Subtask'), 'title', $pagination) ?></th>
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<div class="page-header">
|
||||
<ul>
|
||||
<li>
|
||||
<ul class="board-filters">
|
||||
<li class="hide-tablet">
|
||||
<?= t('Filter by user') ?>
|
||||
<?= Helper\form_select('user_id', $users) ?>
|
||||
</li>
|
||||
<li>
|
||||
<li class="hide-tablet">
|
||||
<?= t('Filter by category') ?>
|
||||
<?= Helper\form_select('category_id', $categories) ?>
|
||||
</li>
|
||||
<li>
|
||||
<li class="hide-tablet">
|
||||
<a href="#" id="filter-due-date"><?= t('Filter by due date') ?></a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
@@ -121,6 +121,10 @@ th a:hover {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.table-fixed th {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-fixed td {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -298,6 +302,10 @@ ul.form-errors li {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-inline-group {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
input.form-date {
|
||||
width: 150px;
|
||||
}
|
||||
@@ -1294,35 +1302,9 @@ tr td.task-orange,
|
||||
margin-left: 30px;
|
||||
line-height: 1.8em;
|
||||
}/* responsive design */
|
||||
@media only screen and (min-width : 769px) and (max-width : 1024px) {
|
||||
|
||||
.hide-tablet {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.project-menu {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.task-board-title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.form-tab {
|
||||
max-width: 662px;
|
||||
}
|
||||
|
||||
input.form-date ~ div.form-help {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 768px) {
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
li.hide-tablet,
|
||||
.hide-tablet {
|
||||
display: none;
|
||||
}
|
||||
@@ -1331,47 +1313,18 @@ tr td.task-orange,
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.logo,
|
||||
.project-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav li:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.username {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.user-show-sidebar,
|
||||
.project-show-sidebar,
|
||||
.task-show-sidebar {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.user-show-main,
|
||||
.project-show-main,
|
||||
.task-show-main {
|
||||
margin-left: 230px;
|
||||
}
|
||||
|
||||
table input[type="text"] {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.task-score {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-board-title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.form-tab {
|
||||
max-width: 404px;
|
||||
}
|
||||
|
||||
.form-inline-group input[type="submit"],
|
||||
.form-inline-group label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form-inline-group input[type="submit"] {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
/*!
|
||||
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
|
||||
@@ -131,6 +131,10 @@ ul.form-errors li {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-inline-group {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
input.form-date {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
@@ -1,33 +1,7 @@
|
||||
/* responsive design */
|
||||
@media only screen and (min-width : 769px) and (max-width : 1024px) {
|
||||
|
||||
.hide-tablet {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.project-menu {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.task-board-title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.form-tab {
|
||||
max-width: 662px;
|
||||
}
|
||||
|
||||
input.form-date ~ div.form-help {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 768px) {
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
li.hide-tablet,
|
||||
.hide-tablet {
|
||||
display: none;
|
||||
}
|
||||
@@ -36,45 +10,16 @@
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.logo,
|
||||
.project-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav li:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.username {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.user-show-sidebar,
|
||||
.project-show-sidebar,
|
||||
.task-show-sidebar {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.user-show-main,
|
||||
.project-show-main,
|
||||
.task-show-main {
|
||||
margin-left: 230px;
|
||||
}
|
||||
|
||||
table input[type="text"] {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.task-score {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-board-title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.form-tab {
|
||||
max-width: 404px;
|
||||
}
|
||||
|
||||
.form-inline-group input[type="submit"],
|
||||
.form-inline-group label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form-inline-group input[type="submit"] {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -48,6 +48,10 @@ th a:hover {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.table-fixed th {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-fixed td {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -31,7 +31,7 @@ Kanboard.Analytic.CFD = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 800, 380);
|
||||
var svg = dimple.newSvg("#chart", "100%", 380);
|
||||
var chart = new dimple.chart(svg, series);
|
||||
|
||||
var x = chart.addCategoryAxis("x", labels['day']);
|
||||
@@ -81,13 +81,13 @@ Kanboard.Analytic.TaskRepartition = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 700, 350);
|
||||
var svg = dimple.newSvg("#chart", "100%", 350);
|
||||
|
||||
var chart = new dimple.chart(svg, series);
|
||||
chart.addMeasureAxis("p", labels["nb_tasks"]);
|
||||
var ring = chart.addSeries(labels["column_title"], dimple.plot.pie);
|
||||
ring.innerRadius = "50%";
|
||||
chart.addLegend(0, 0, 100, 100, "left");
|
||||
chart.addLegend(0, 0, 100, "100%", "left");
|
||||
chart.draw();
|
||||
}
|
||||
|
||||
@@ -126,13 +126,13 @@ Kanboard.Analytic.UserRepartition = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 700, 350);
|
||||
var svg = dimple.newSvg("#chart", "100%", 350);
|
||||
|
||||
var chart = new dimple.chart(svg, series);
|
||||
chart.addMeasureAxis("p", labels["nb_tasks"]);
|
||||
var ring = chart.addSeries(labels["user"], dimple.plot.pie);
|
||||
ring.innerRadius = "50%";
|
||||
chart.addLegend(0, 0, 100, 100, "left");
|
||||
chart.addLegend(0, 0, 100, "100%", "left");
|
||||
chart.draw();
|
||||
}
|
||||
|
||||
|
||||
@@ -462,7 +462,7 @@ Kanboard.Analytic.CFD = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 800, 380);
|
||||
var svg = dimple.newSvg("#chart", "100%", 380);
|
||||
var chart = new dimple.chart(svg, series);
|
||||
|
||||
var x = chart.addCategoryAxis("x", labels['day']);
|
||||
@@ -512,13 +512,13 @@ Kanboard.Analytic.TaskRepartition = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 700, 350);
|
||||
var svg = dimple.newSvg("#chart", "100%", 350);
|
||||
|
||||
var chart = new dimple.chart(svg, series);
|
||||
chart.addMeasureAxis("p", labels["nb_tasks"]);
|
||||
var ring = chart.addSeries(labels["column_title"], dimple.plot.pie);
|
||||
ring.innerRadius = "50%";
|
||||
chart.addLegend(0, 0, 100, 100, "left");
|
||||
chart.addLegend(0, 0, 100, "100%", "left");
|
||||
chart.draw();
|
||||
}
|
||||
|
||||
@@ -557,13 +557,13 @@ Kanboard.Analytic.UserRepartition = (function() {
|
||||
{
|
||||
var series = prepareSeries(metrics, labels);
|
||||
|
||||
var svg = dimple.newSvg("#chart", 700, 350);
|
||||
var svg = dimple.newSvg("#chart", "100%", 350);
|
||||
|
||||
var chart = new dimple.chart(svg, series);
|
||||
chart.addMeasureAxis("p", labels["nb_tasks"]);
|
||||
var ring = chart.addSeries(labels["user"], dimple.plot.pie);
|
||||
ring.innerRadius = "50%";
|
||||
chart.addLegend(0, 0, 100, 100, "left");
|
||||
chart.addLegend(0, 0, 100, "100%", "left");
|
||||
chart.draw();
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user