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

Merge pull request #10204 from andreubisquerra/master

Browse Source 
Improve TakePOS responsive design
This commit is contained in:
Laurent Destailleur 2018-12-15 16:37:51 +01:00 committed by GitHub
commit 2d1cf59f34
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 55 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
htdocs/takepos/css/pos.css
View File

@ -27,7 +27,6 @@ button.calcbutton {
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size:180%;
overflow: visible; /* removes extra width in IE */ overflow: visible; /* removes extra width in IE */
width:24%; width:24%;
height:24%; height:24%;
@ -41,7 +40,6 @@ button.calcbutton2 {
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size:120%;
overflow: visible; /* removes extra width in IE */ overflow: visible; /* removes extra width in IE */
width:24%; width:24%;
height:24%; height:24%;
@ -59,7 +57,6 @@ button.calcbutton3 {
overflow: visible; /* removes extra width in IE */ overflow: visible; /* removes extra width in IE */
width:12%; width:12%;
height:24%; height:24%;
} }
button.actionbutton { button.actionbutton {
@ -70,7 +67,6 @@ button.actionbutton {
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size:100%;
overflow: visible; /* removes extra width in IE */ overflow: visible; /* removes extra width in IE */
width:32%; width:32%;
height:32%; height:32%;
@ -109,7 +105,6 @@ div.description{
/* styling bellow */ /* styling bellow */
background-color:black; background-color:black;
font-family: 'tahoma'; font-family: 'tahoma';
font-size:100%;
color:white; color:white;
opacity:0.8; /* transparency */ opacity:0.8; /* transparency */
filter:alpha(opacity=80); /* IE transparency */ filter:alpha(opacity=80); /* IE transparency */
@ -127,3 +122,57 @@ p.description_content{
margin:0px; margin:0px;
} }
@media screen and (min-width: 892px) {
.calcbutton{
font-size: 18px;
}
.calcbutton2{
font-size: 14px;
}
.actionbutton{
font-size: 13px;
}
div.description{
font-size: 15px;
}
.invoice{
font-size: 14px;
}
}
@media (max-width: 891px) and (min-width: 386px) {
.calcbutton{
font-size: 12px;
}
.calcbutton2{
font-size: 9px;
}
.actionbutton{
font-size: 12px;
}
div.description{
font-size: 13px;
}
.invoice{
font-size: 12px;
}
}
@media screen and (max-width: 385px){
.calcbutton{
font-size: 8px;
}
.calcbutton2{
font-size: 7px;
}
.actionbutton{
font-size: 10px;
}
div.description{
font-size: 11px;
}
.invoice{
font-size: 10px;
}
}

2
htdocs/takepos/invoice.php
View File

@ -249,7 +249,7 @@ function TakeposPrinting(id){
} }
</script> </script>
<?php <?php
print '<div class="div-table-responsive-no-min">'; print '<div class="div-table-responsive-no-min invoice">';
print '<table id="tablelines" class="noborder noshadow" width="100%">'; print '<table id="tablelines" class="noborder noshadow" width="100%">';
print '<tr class="liste_titre nodrag nodrop">'; print '<tr class="liste_titre nodrag nodrop">';
print '<td class="linecoldescription">'.$langs->trans('Description').'</td>'; print '<td class="linecoldescription">'.$langs->trans('Description').'</td>';