Wavyzz/dolibarr
2
0
Fork 1
mirror of https://github.com/Dolibarr/dolibarr.git synced 2025-12-06 09:38:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Better responsive design POS

Browse Source
This commit is contained in:
Laurent Destailleur
2014-10-27 13:21:33 +01:00
parent dd20d04002
commit 31d8f792e5
2 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
htdocs/cashdesk/affContenu.php
View File

@@ -45,16 +45,7 @@ else
// Right area with selected articles (shopping cart) // Left area with selected articles (shopping cart)
print '<div class="liste_articles">';
require ('tpl/liste_articles.tpl.php');
$obj_facturation->prixTotalHt($lst_total_ht);
$obj_facturation->prixTotalTtc($lst_total_ttc);
print '</div>';
print '<div class="principal">'; print '<div class="principal">';
$page=GETPOST('menu','alpha'); $page=GETPOST('menu','alpha');
@@ -78,4 +69,18 @@ else
print '</div>'; print '</div>';
// Right area with selected articles (shopping cart)
print '<div class="liste_articles">';
require ('tpl/liste_articles.tpl.php');
$obj_facturation->prixTotalHt($lst_total_ht);
$obj_facturation->prixTotalTtc($lst_total_ttc);
print '</div>';
$_SESSION['serObjFacturation'] = serialize($obj_facturation); $_SESSION['serObjFacturation'] = serialize($obj_facturation);

27
htdocs/cashdesk/css/style.css
View File

@@ -30,23 +30,24 @@ p {
.conteneur { .conteneur {
background: #fff; background: #fff;
text-align: left; text-align: left;
width: 770px; max-width: 770px;
margin: 10px auto; margin: 10px auto;
border: 2px solid #000;
} }
.conteneur_img_gauche { .conteneur_img_gauche {
background: url("../img/bg_conteneur_gauche.png") top left repeat-y; /* background: url("../img/bg_conteneur_gauche.png") top left repeat-y; */
} }
.conteneur_img_droite { .conteneur_img_droite {
background: url("../img/bg_conteneur_droite.png") top right repeat-y; /* background: url("../img/bg_conteneur_droite.png") top right repeat-y; */
} }
/* ------------------- Header ------------------- */ /* ------------------- Header ------------------- */
.entete { .entete {
height: 15px; height: 15px;
margin: 0; margin: 0;
background: url('../img/bg_entete.png') no-repeat left top; /* background: url('../img/bg_entete.png') no-repeat left top; */
} }
.entete span { .entete span {
@@ -57,7 +58,6 @@ p {
.menu_principal { .menu_principal {
margin: 0 20px 20px 15px; margin: 0 20px 20px 15px;
font-size: 14px; font-size: 14px;
width: 735px;
height: 84px; height: 84px;
background: #CCCCCC; background: #CCCCCC;
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%);
@@ -80,20 +80,21 @@ p {
.menu li { .menu li {
float: left; float: left;
padding-right: 10px;
} }
.menu_choix1,.menu_choix2 { .menu_choix1,.menu_choix2 {
font-size: 1.4em; font-size: 1.4em;
text-align: left; text-align: left;
width: 180px;
} }
.menu_choix1 a,.menu_choix2 a { .menu_choix1 a,.menu_choix2 a {
display: block; display: block;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
width: 100px; padding-top: 18px;
padding-left: 54px; padding-left: 54px;
font-size: 14px;
height: 48px; height: 48px;
background: url('../img/new.png') top left no-repeat; background: url('../img/new.png') top left no-repeat;
} }
@@ -115,7 +116,6 @@ p {
text-align: right; text-align: right;
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
width: 340px;
display: block; display: block;
color: #333; color: #333;
text-decoration: none; text-decoration: none;
@@ -126,11 +126,13 @@ p {
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
} }
li.menu_choix0 {
float: right;
}
/* ------------------- R<>capitulatif des articles ------------------- */ /* ------------------- R<>capitulatif des articles ------------------- */
.liste_articles { .liste_articles {
width: 215px; min-width: 215px;
float: right; float: right;
margin-top: 8px; margin-top: 8px;
margin-right: 20px; margin-right: 20px;
@@ -219,7 +221,7 @@ p.titre {
float: left; float: left;
margin: 0 15px; margin: 0 15px;
padding: 0; padding: 0;
width: 495px; max-width: 500px;
} }
.titre1 { .titre1 {
@@ -237,7 +239,6 @@ p.titre {
.cadre_facturation { .cadre_facturation {
border: 2px solid #ddd; border: 2px solid #ddd;
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px 10px;
} }
.principal p { .principal p {
@@ -374,7 +375,7 @@ p.titre {
.pied { .pied {
clear: both; clear: both;
height: 15px; height: 15px;
background: url('../img/bg_pied.png') no-repeat bottom left; /* background: url('../img/bg_pied.png') no-repeat bottom left; */
} }
/* ------------------- Param<61>tres communs (messages d'erreur, informations, etc...) ------------------- */ /* ------------------- Param<61>tres communs (messages d'erreur, informations, etc...) ------------------- */