Fix responsive design

This commit is contained in:
Laurent Destailleur 2017-06-10 15:21:49 +02:00
parent 6ab47a845e
commit b6af1f7e6e
2 changed files with 21 additions and 15 deletions

View File

@ -65,6 +65,11 @@ a:hover {
}
@media only screen and (max-width: 420px)
{
.demomaxoveflow {
max-width: none !important;
overflow: hidden;
text-overflow: ellipsis;
}
.csscolumns {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */

View File

@ -316,7 +316,7 @@ foreach ($demoprofiles as $profilearray)
{
print '<div class="clearboth"></div>';
}
print '<form method="POST" class="valigntop inline-block" name="form'.$profilearray['key'].'" action="'.$_SERVER["PHP_SELF"].'#a1'.$profilearray['key'].'">'."\n";
print '<input type="hidden" name="action" value="gotodemo">'."\n";
print '<input type="hidden" name="urlfrom" value="'.dol_escape_htmltag($urlfrom).'">'."\n";
@ -328,34 +328,35 @@ foreach ($demoprofiles as $profilearray)
print '<input type="hidden" name="dol_no_mouse_hover" value="'.$conf->dol_no_mouse_hover.'">'."\n";
print '<input type="hidden" name="dol_use_jmobile" value="'.$conf->dol_use_jmobile.'">'."\n";
print '<div summary="Dolibarr online demonstration for profile '.$profilearray['label'].'" class="center inline-block CTable CTableRow'.($i%2==0?'1':'0').'" style="width: 400px;">'."\n";
print '<div summary="Dolibarr online demonstration for profile '.$profilearray['label'].'" class="center inline-block CTable CTableRow'.($i%2==0?'1':'0').'" style="width: 340px;">'."\n";
print '<div id="a1'.$profilearray['key'].'" class="demobox '.(empty($profilearray['url'])?'modulelineshow cursorpointer':'nomodulelines').'">';
print '<a href="'.$urlwithmod.'" class="'.(empty($profilearray['url'])?'modulelineshow':'nomodulelines').'">';
print '<div style="padding: 10px;">';
print '<img class="demothumb" src="'.$profilearray['icon'].'" alt="Demo '.$profilearray['label'].'">';
print '<div class="clearboth"></div>';
print '<div class="demothumbtext">';
print $langs->trans($profilearray['label']);
print '</div>';
print '</div>';
print '</a>';
// Modules
if (empty($profilearray['url']))
{
print '<div id="tr1'.$profilearray['key'].'" class="moduleline hidden" style="font-size:14px; line-height: 110%; padding-bottom: 8px">';
print $langs->trans("ThisIsListOfModules").'<br>';
print '<div id="tr1'.$profilearray['key'].'" class="moduleline hidden" style="margin-left: 8px; margin-right: 8px; text-align: justify; font-size:14px; line-height: 130%; padding-bottom: 8px">';
print $langs->trans("ThisIsListOfModules").'<br><br>';
print '<div class="csscolumns">';
$listofdisabledmodules=explode(',',$profilearray['disablemodules']);
$j=0;
$nbcolsmod=empty($conf->dol_optimize_smallscreen)?4:3;
@ -395,10 +396,10 @@ foreach ($demoprofiles as $profilearray)
print '</div>';
print '<div class="center">';
print '<br><div class="center">';
print '<input type="submit" value=" &nbsp; &nbsp; '.$langs->trans("Start").' &nbsp; &nbsp; " class="button">';
print '</div>';
print '</div>';
}