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

The default theme works greate on smartphone now

Browse Source
This commit is contained in:
Laurent Destailleur 2019-12-04 20:15:48 +01:00
parent e6b4d2f665
commit f16cd38c9c
3 changed files with 52 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,6 +26,17 @@ button.calcbutton2.poscolordelete {
}
button.calcbutton {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
width: calc(25% - 2px);
height: 24%;
font-weight: bold;
background-color: #8c907e;
color: #fff;
/* border-color: unset; */
@ -37,9 +48,6 @@ button.calcbutton2 {
color: #fff;
background-color: #5555AA;
border-width: 0px;
}
button.calcbutton {
display: inline-block;
position: relative;
padding: 0;
@ -48,22 +56,8 @@ button.calcbutton {
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
width:24%;
height:24%;
font-weight: bold;
}
button.calcbutton2 {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
width:24%;
height:24%;
width: calc(25% - 2px);
height: 24%;
font-weight: bold;
}
@ -77,8 +71,8 @@ button.calcbutton3 {
text-align: center;
font-size:120%;
overflow: visible; /* removes extra width in IE */
width:24%;
height:24%;
width: calc(25% - 2px);
height: 24%;
}
button.actionbutton {
@ -100,6 +94,9 @@ button.actionbutton {
height:24%;
}
.takepospay {
font-size: 1.5em;
}
.fa.fa-trash:before {
font-size: 1.5em;
@ -380,11 +377,37 @@ div.description_content {
}
}
@media screen and (max-width: 767px){
/* For small screens */
@media screen and (max-width: 767px) {
div.container {
overflow-x: scroll;
}
div.wrapper {
width: 50%;
}
div.wrapper2 {
width: 25%;
}
div.div1, div.div2, div.div3 {
width: 100%;
}
div.row1 {
height: unset;
}
div.div2 {
min-height: unset;
}
button.calcbutton, button.calcbutton2 {
min-height: 30px;
}
.takepospay {
font-size: 1.2em;
}
}

10
htdocs/takepos/pay.php
View File

@ -211,23 +211,23 @@ else print "var received=0;";
<div style="position:absolute; top:2%; left:5%; height:30%; width:91%;">
<center>
<div class="paymentbordline paymentbordlinetotal">
<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('TotalTTC'); ?>: </font><span id="totaldisplay" class="colorwhite"><?php echo price($invoice->total_ttc, 1, '', 1, -1, -1) ?></span></font></span></center>
<center><span class="takepospay"><font color="white"><?php echo $langs->trans('TotalTTC'); ?>: </font><span id="totaldisplay" class="colorwhite"><?php echo price($invoice->total_ttc, 1, '', 1, -1, -1) ?></span></font></span></center>
</div>
<?php if ($remaintopay != $invoice->total_ttc) { ?>
<div class="paymentbordline paymentbordlineremain">
<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('RemainToPay'); ?>: </font><span id="remaintopaydisplay" class="colorwhite"><?php echo price($remaintopay, 1, '', 1, -1, -1) ?></span></font></span></center>
<center><span class="takepospay"><font color="white"><?php echo $langs->trans('RemainToPay'); ?>: </font><span id="remaintopaydisplay" class="colorwhite"><?php echo price($remaintopay, 1, '', 1, -1, -1) ?></span></font></span></center>
</div>
<?php } ?>
<div class="paymentbordline paymentbordlinereceived">
<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Received"); ?>: </font><span class="change1 colorred"><?php echo price(0) ?></span><input type="hidden" id="change1" class="change1" value="0"></font></span></center>
<center><span class="takepospay"><font color="white"><?php echo $langs->trans("Received"); ?>: </font><span class="change1 colorred"><?php echo price(0) ?></span><input type="hidden" id="change1" class="change1" value="0"></font></span></center>
</div>
<div class="paymentbordline paymentbordlinechange">
<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Change"); ?>: </font><span class="change2 colorwhite"><?php echo price(0) ?></span><input type="hidden" id="change2" class="change2" value="0"></font></span></center>
<center><span class="takepospay"><font color="white"><?php echo $langs->trans("Change"); ?>: </font><span class="change2 colorwhite"><?php echo price(0) ?></span><input type="hidden" id="change2" class="change2" value="0"></font></span></center>
</div>
</center>
</div>
<div style="position:absolute; top:33%; left:5%; height:55%; width:91%;">
<div style="position:absolute; top:33%; left:5%; height:55%; width:91%; display: inline-table;">
<?php
$action_buttons = array(
array(

4
htdocs/takepos/takepos.php
View File

@ -797,7 +797,7 @@ $menus[$r++]=array('title'=>'<span class="fa fa-sign-out-alt paddingrightonly"><
<div class="description_content" id="catdesc<?php echo $count; ?>"></div>
</div>
<?php } ?>
<div class="catwatermark" id='catwatermark<?php echo $count; ?>'>+</div>
<div class="catwatermark" id='catwatermark<?php echo $count; ?>'>...</div>
</div>
<?php
$count++;
@ -832,7 +832,7 @@ $menus[$r++]=array('title'=>'<span class="fa fa-sign-out-alt paddingrightonly"><
<div class="description_content" id="prodesc<?php echo $count; ?>"></div>
</div>
<?php } ?>
<div class="catwatermark" id='prowatermark<?php echo $count; ?>'>+</div>
<div class="catwatermark" id='prowatermark<?php echo $count; ?>'>...</div>
</div>
<?php
$count++;