Better balance css columns in dashboard

This commit is contained in:
Laurent Destailleur 2018-02-08 15:11:05 +01:00
parent 9c954de081
commit b56da9c11e
3 changed files with 26 additions and 4 deletions

View File

@ -616,20 +616,18 @@ print '<div class="fichecenter fichecenterbis">';
$boxlist.='<div class="twocolumns">'; $boxlist.='<div class="twocolumns">';
$boxlist.='<div class="fichehalfleft boxhalfleft" id="boxhalfleft">'; $boxlist.='<div class="firstcolumn fichehalfleft boxhalfleft" id="boxhalfleft">';
$boxlist.=$boxwork; $boxlist.=$boxwork;
$boxlist.=$resultboxes['boxlista']; $boxlist.=$resultboxes['boxlista'];
$boxlist.= '</div>'; $boxlist.= '</div>';
$boxlist.= '<div class="fichehalfright boxhalfright" id="boxhalfright">'; $boxlist.= '<div class="secondcolumn fichehalfright boxhalfright" id="boxhalfright">';
$boxlist.= '<div class="ficheaddleft">';
$boxlist.=$boxstat; $boxlist.=$boxstat;
$boxlist.=$resultboxes['boxlistb']; $boxlist.=$resultboxes['boxlistb'];
$boxlist.= '</div>';
$boxlist.= '</div>'; $boxlist.= '</div>';
$boxlist.= "\n"; $boxlist.= "\n";

View File

@ -1214,6 +1214,12 @@ div.ficheaddleft {
<?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\n"; } <?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\n"; }
else print "margin-top: 10px;\n"; ?> else print "margin-top: 10px;\n"; ?>
} }
div.firstcolumn div.box {
padding-right: 10px;
}
div.secondcolumn div.box {
padding-left: 10px;
}
/* Force values on one colum for small screen */ /* Force values on one colum for small screen */
@media only screen and (max-width: 1000px) @media only screen and (max-width: 1000px)
{ {
@ -1251,6 +1257,12 @@ div.ficheaddleft {
<?php print "padding-".$left.": 0px;\n"; ?> <?php print "padding-".$left.": 0px;\n"; ?>
margin-top: 10px; margin-top: 10px;
} }
div.firstcolumn div.box {
padding-right: 0px;
}
div.secondcolumn div.box {
padding-left: 0px;
}
} }
/* For table into table into card */ /* For table into table into card */

View File

@ -1223,6 +1223,12 @@ div.ficheaddleft {
<?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\n"; } <?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\n"; }
else print "margin-top: 10px;\n"; ?> else print "margin-top: 10px;\n"; ?>
} }
div.firstcolumn div.box {
padding-right: 10px;
}
div.secondcolumn div.box {
padding-left: 10px;
}
/* Force values on one colum for small screen */ /* Force values on one colum for small screen */
@media only screen and (max-width: 900px) @media only screen and (max-width: 900px)
{ {
@ -1261,6 +1267,12 @@ div.ficheaddleft {
<?php print "padding-".$left.": 0px;\n"; ?> <?php print "padding-".$left.": 0px;\n"; ?>
margin-top: 10px; margin-top: 10px;
} }
div.firstcolumn div.box {
padding-right: 0px;
}
div.secondcolumn div.box {
padding-left: 0px;
}
} }
/* For table into table into card */ /* For table into table into card */