From e820f09912da58ed3c32cf3ee813afdae874efec Mon Sep 17 00:00:00 2001
From: Laurent Destailleur <eldy@destailleur.fr>
Date: Fri, 19 Feb 2016 15:28:43 +0100
Subject: [PATCH] Start to introduce native responsive design
---
htdocs/theme/eldy/style.css.php | 40 +++++++++++++++++++++++++++++++-
htdocs/theme/md/style.css.php | 41 ++++++++++++++++++++++++++++++++-
2 files changed, 79 insertions(+), 2 deletions(-)
diff --git a/htdocs/theme/eldy/style.css.php b/htdocs/theme/eldy/style.css.php
index 889dd32584d..a88265e3c79 100644
--- a/htdocs/theme/eldy/style.css.php
+++ b/htdocs/theme/eldy/style.css.php
@@ -605,7 +605,6 @@ div.fiche {
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;'; ?>
}
-
div.fichecenter {
width: 100%;
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"; }
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 {
display : table;
margin : 0px auto;
diff --git a/htdocs/theme/md/style.css.php b/htdocs/theme/md/style.css.php
index f6e366f01d6..7939b15eae9 100644
--- a/htdocs/theme/md/style.css.php
+++ b/htdocs/theme/md/style.css.php
@@ -648,7 +648,6 @@ div.fiche {
<?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 */
@@ -678,6 +677,46 @@ div.ficheaddleft {
<?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\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 {
display : table;
margin : 0px auto;
--
GitLab