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

CSS For TakePOS

Browse Source
This commit is contained in:
Laurent Destailleur 2019-11-30 23:03:30 +01:00
parent 958ffa6ec8
commit c2f924f08f
2 changed files with 52 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,10 +6,39 @@ html,body {
width:100%; width:100%;
} }
.bodytakepos {
background-color: #EEE;
}
.center { .center {
text-align: center; text-align: center;
} }
button.calcbutton.poscolorblue {
background-color: #0066AA;
}
button.calcbutton2.poscolordelete {
background: rgb(255, 188, 185);
color: #633;
/*background-color: #884444;
color: #fff;*/
}
button.calcbutton {
background-color: #8c907e;
color: #fff;
/* border-color: unset; */
border-width: 0;
margin: 1px;
}
button.calcbutton2 {
color: #fff;
background-color: #5555AA;
border-width: 0px;
}
button.calcbutton { button.calcbutton {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -52,6 +81,12 @@ button.calcbutton3 {
height:24%; height:24%;
} }
button.actionbutton {
background: #EABCA6;
border: 2px solid #EEE;
min-height: 40px;
}
button.actionbutton { button.actionbutton {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -65,6 +100,12 @@ button.actionbutton {
height:24%; height:24%;
} }
.fa.fa-trash:before {
font-size: 1.5em;
}
div.wrapper{ div.wrapper{
float:left; /* important */ float:left; /* important */
position:relative; /* important(so we can absolutely position the description div */ position:relative; /* important(so we can absolutely position the description div */
@ -72,7 +113,7 @@ div.wrapper{
height:25%; height:25%;
margin:0; margin:0;
padding:1px; padding:1px;
border: 2px solid #D1D1D1; border: 2px solid #EEE;
/*box-shadow: 3px 3px 3px #bbb; */ /*box-shadow: 3px 3px 3px #bbb; */
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
@ -86,7 +127,7 @@ div.wrapper2{
height:25%; height:25%;
margin:0; margin:0;
/* padding:1px; */ /* padding:1px; */
border: 2px solid #D1D1D1; border: 2px solid #EEE;
/*box-shadow: 3px 3px 3px #bbb;*/ /*box-shadow: 3px 3px 3px #bbb;*/
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
@ -109,10 +150,13 @@ div.description{
width:100%; width:100%;
/* styling below */ /* styling below */
background-color:black; background-color:black;
color:white; /*color:white;*/
opacity:0.8; /* transparency */ opacity:1; /* transparency */
filter:alpha(opacity=80); /* IE transparency */ /*filter:alpha(opacity=80); IE transparency */
text-align:center; text-align:center;
padding-top: 30px;
background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1), white);
} }
div.catwatermark{ div.catwatermark{
@ -125,7 +169,7 @@ div.catwatermark{
text-align:center; text-align:center;
font-size: 20px; font-size: 20px;
display: none; display: none;
opacity: 0.8; opacity: 0.25;
} }
table.postablelines tr td { table.postablelines tr td {
@ -195,6 +239,7 @@ div.paymentbordline
padding-bottom: 10px; padding-bottom: 10px;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
min-height: 180px;
} }
.div3{ .div3{

2
htdocs/takepos/takepos.php
View File

@ -617,7 +617,7 @@ $( document ).ready(function() {
}); });
</script> </script>
<body style="overflow: hidden; background-color:#D1D1D1;"> <body class="bodytakepos" style="overflow: hidden;">
<?php <?php
if ($conf->global->TAKEPOS_NUM_TERMINALS != "1" && $_SESSION["takeposterminal"] == "") print '<div id="dialog-info" title="TakePOS">'.$langs->trans('TerminalSelect').'</div>'; if ($conf->global->TAKEPOS_NUM_TERMINALS != "1" && $_SESSION["takeposterminal"] == "") print '<div id="dialog-info" title="TakePOS">'.$langs->trans('TerminalSelect').'</div>';
?> ?>