From c2f924f08f26932ab25e7f5be037d010fe0469bd Mon Sep 17 00:00:00 2001 From: Laurent Destailleur Date: Sat, 30 Nov 2019 23:03:30 +0100 Subject: [PATCH] CSS For TakePOS --- htdocs/takepos/css/pos.css | 57 ++++++++++++++++++++++++++++++++++---- htdocs/takepos/takepos.php | 2 +- 2 files changed, 52 insertions(+), 7 deletions(-) diff --git a/htdocs/takepos/css/pos.css b/htdocs/takepos/css/pos.css index 545714ae2cd..b21d6d9ae05 100644 --- a/htdocs/takepos/css/pos.css +++ b/htdocs/takepos/css/pos.css @@ -6,10 +6,39 @@ html,body { width:100%; } +.bodytakepos { + background-color: #EEE; +} + .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 { display: inline-block; position: relative; @@ -52,6 +81,12 @@ button.calcbutton3 { height:24%; } +button.actionbutton { + background: #EABCA6; + border: 2px solid #EEE; + min-height: 40px; +} + button.actionbutton { display: inline-block; position: relative; @@ -65,6 +100,12 @@ button.actionbutton { height:24%; } + +.fa.fa-trash:before { + font-size: 1.5em; +} + + div.wrapper{ float:left; /* important */ position:relative; /* important(so we can absolutely position the description div */ @@ -72,7 +113,7 @@ div.wrapper{ height:25%; margin:0; padding:1px; - border: 2px solid #D1D1D1; + border: 2px solid #EEE; /*box-shadow: 3px 3px 3px #bbb; */ text-align: center; box-sizing: border-box; @@ -86,7 +127,7 @@ div.wrapper2{ height:25%; margin:0; /* padding:1px; */ - border: 2px solid #D1D1D1; + border: 2px solid #EEE; /*box-shadow: 3px 3px 3px #bbb;*/ text-align: center; box-sizing: border-box; @@ -109,10 +150,13 @@ div.description{ width:100%; /* styling below */ background-color:black; - color:white; - opacity:0.8; /* transparency */ - filter:alpha(opacity=80); /* IE transparency */ + /*color:white;*/ + opacity:1; /* transparency */ + /*filter:alpha(opacity=80); IE transparency */ text-align:center; + + padding-top: 30px; + background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1), white); } div.catwatermark{ @@ -125,7 +169,7 @@ div.catwatermark{ text-align:center; font-size: 20px; display: none; - opacity: 0.8; + opacity: 0.25; } table.postablelines tr td { @@ -195,6 +239,7 @@ div.paymentbordline padding-bottom: 10px; padding-right: 5px; padding-left: 5px; + min-height: 180px; } .div3{ diff --git a/htdocs/takepos/takepos.php b/htdocs/takepos/takepos.php index f12b287dc8c..0dfbb669ba7 100644 --- a/htdocs/takepos/takepos.php +++ b/htdocs/takepos/takepos.php @@ -617,7 +617,7 @@ $( document ).ready(function() { }); - + global->TAKEPOS_NUM_TERMINALS != "1" && $_SESSION["takeposterminal"] == "") print '
'.$langs->trans('TerminalSelect').'
'; ?>