lainwir3d/dolibarr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start to introduce native responsive design

Browse Source
This commit is contained in:
Laurent Destailleur 2016-02-19 15:28:43 +01:00
parent 1cd0efd8db
commit e820f09912
2 changed files with 79 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
htdocs/theme/eldy/style.css.php
View File

@ -605,7 +605,6 @@ div.fiche {
margin-<?php print $right; ?>: <?php print (GETPOST("optioncss") == 'print'?8:(empty($conf->dol_optimize_smallscreen)?'12':'6')); ?>px; margin-<?php print $right; ?>: <?php print (GETPOST("optioncss") == 'print'?8:(empty($conf->dol_optimize_smallscreen)?'12':'6')); ?>px;
<?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?> <?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?>
} }
div.fichecenter { div.fichecenter {
width: 100%; width: 100%;
clear: both; /* This is to have div fichecenter that are true rectangles */ clear: both; /* This is to have div fichecenter that are true rectangles */
@ -635,6 +634,45 @@ 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"; ?>
} }
/* Force values for small screen */
@media only screen and (max-width: 850px)
{
div.fiche {
margin-<?php print $left; ?>: <?php print (GETPOST("optioncss") == 'print'?6:((empty($conf->global->MAIN_MENU_USE_JQUERY_LAYOUT))?($dol_hide_leftmenu?'6':'20'):'24')); ?>px;
margin-<?php print $right; ?>: <?php print (GETPOST("optioncss") == 'print'?8:6); ?>px;
<?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?>
}
div.fichecenter {
width: 100%;
clear: both; /* This is to have div fichecenter that are true rectangles */
}
div.fichecenterbis {
margin-top: 8px;
}
div.fichethirdleft {
float: none;
width: auto;
padding-bottom: 6px;
}
div.fichetwothirdright {
float: none;
width: auto;
padding-bottom: 6px;
}
div.fichehalfleft {
float: none;
width: auto;
}
div.fichehalfright {
float: none;
width: auto;
}
div.ficheaddleft {
<?php print "padding-".$left.": 0px;\n"; ?>
margin-top: 10px;
}
}
.containercenter { .containercenter {
display : table; display : table;
margin : 0px auto; margin : 0px auto;

41
htdocs/theme/md/style.css.php
View File

@ -648,7 +648,6 @@ div.fiche {
<?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?> <?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?>
margin-bottom: 15px; margin-bottom: 15px;
} }
div.fichecenter { div.fichecenter {
width: 100%; width: 100%;
clear: both; /* This is to have div fichecenter that are true rectangles */ clear: both; /* This is to have div fichecenter that are true rectangles */
@ -678,6 +677,46 @@ 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"; ?>
} }
/* Force values for small screen */
@media only screen and (max-width: 850px)
{
div.fiche {
margin-<?php print $left; ?>: <?php print (GETPOST("optioncss") == 'print'?6:((empty($conf->global->MAIN_MENU_USE_JQUERY_LAYOUT))?($dol_hide_leftmenu?'4':'20'):'24')); ?>px;
margin-<?php print $right; ?>: <?php print (GETPOST("optioncss") == 'print'?8:16); ?>px;
<?php if (! empty($conf->dol_hide_leftmenu) && ! empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?>
margin-bottom: 15px;
}
div.fichecenter {
width: 100%;
clear: both; /* This is to have div fichecenter that are true rectangles */
}
div.fichecenterbis {
margin-top: 8px;
}
div.fichethirdleft {
float: none;
width: auto;
padding-bottom: 6px;
}
div.fichetwothirdright {
float: none;
width: auto;
padding-bottom: 6px;
}
div.fichehalfleft {
float: none;
width: auto;
}
div.fichehalfright {
float: none;
width: auto;
}
div.ficheaddleft {
<?php print "padding-".$left.": 0px;\n"; ?>
margin-top: 10px;
}
}
.containercenter { .containercenter {
display : table; display : table;
margin : 0px auto; margin : 0px auto;