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

Improve TakePOS responsive design

Browse Source
This commit is contained in:
andreubisquerra 2018-12-07 21:33:40 +01:00
parent f99d9a7da9
commit 337b204f9c
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;
vertical-align: middle;
text-align: center;
font-size:180%;
overflow: visible; /* removes extra width in IE */
width:24%;
height:24%;
@ -41,7 +40,6 @@ button.calcbutton2 {
cursor: pointer;
vertical-align: middle;
text-align: center;
font-size:120%;
overflow: visible; /* removes extra width in IE */
width:24%;
height:24%;
@ -59,7 +57,6 @@ button.calcbutton3 {
overflow: visible; /* removes extra width in IE */
width:12%;
height:24%;
}
button.actionbutton {
@ -70,7 +67,6 @@ button.actionbutton {
cursor: pointer;
vertical-align: middle;
text-align: center;
font-size:100%;
overflow: visible; /* removes extra width in IE */
width:32%;
height:32%;
@ -109,7 +105,6 @@ div.description{
/* styling bellow */
background-color:black;
font-family: 'tahoma';
font-size:100%;
color:white;
opacity:0.8; /* transparency */
filter:alpha(opacity=80); /* IE transparency */
@ -127,3 +122,57 @@ p.description_content{
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>
<?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 '<tr class="liste_titre nodrag nodrop">';
print '<td class="linecoldescription">'.$langs->trans('Description').'</td>';