Initial commit: Sale packages

This commit is contained in:
Ernad Husremovic 2025-08-29 15:20:49 +02:00
commit 14e3d26998
6469 changed files with 2479670 additions and 0 deletions

View file

@ -0,0 +1,6 @@
.pos .screen .content-cell{
height: 100%;
}
.pos .subwindow .subwindow-container{
height: 100%;
}

View file

@ -0,0 +1,726 @@
@keyframes item_in {
0% {
opacity: 0;
margin-top: -30px;
}
50% {
margin-top: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes item_in {
0% {
opacity: 0;
margin-top: -30px;
}
50% {
margin-top: 0;
}
100% {
opacity: 1;
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
font-smooth: always;
}
body .pos-customer_facing_display {
background-color: #f6f6f6;
font-size: 2vw;
font-family: Futura, HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
width: 100%;
height: 100%;
padding: 0;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
body .pos-customer_facing_display .pos-customer_products,
body .pos-customer_facing_display .pos-payment_info {
height: 100%;
padding: 2%;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
body .pos-customer_facing_display .pos_orderlines {
width: 100%;
height: 100%;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_list {
overflow-y: scroll;
padding-right: 1.5vw;
position: relative;
height: 100%;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item {
margin-bottom: 1vw;
padding: 1%;
border-radius: 0.3vw;
height: auto;
-webkit-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item:last-of-type {
animation: item_in 1s ease;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item.pos_orderlines_header {
background-color: transparent;
box-shadow: none;
animation: none;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item.pos_orderlines_header > div, body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item.pos_orderlines_header > div:last-child {
border-left-width: 0;
text-align: center;
font-size: 70%;
font-weight: normal;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item.pos_orderlines_header > div:last-child {
text-align: left;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div {
width: 5%;
text-align: left;
margin-right: 4%;
font-size: 80%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div:first-child {
margin-right: 2%;
-webkit-box-flex: 1 1 1%;
-webkit-flex: 1 1 1%;
-moz-box-flex: 1 1 1%;
-ms-flex: 1 1 1%;
flex: 1 1 1%;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div:nth-child(2) {
width: 40%;
border-left: 1px solid;
padding-left: 2%;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div:nth-child(3) {
text-align: center;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div:last-child {
margin-right: 0;
font-weight: bold;
}
body .pos-customer_facing_display .pos_orderlines .pos_orderlines_item > div div {
background-position: center;
background-size: cover;
padding-top: 75%;
display: block;
}
body .pos-customer_facing_display .pos-payment_info {
max-width: 30%;
padding: 2% 2% 1% 2%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
body .pos-customer_facing_display .pos-payment_info .pos-adv,
body .pos-customer_facing_display .pos-payment_info .pos-company_logo {
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
}
body .pos-customer_facing_display .pos-payment_info .pos-adv[style*="url(http://placehold.it"],
body .pos-customer_facing_display .pos-payment_info .pos-company_logo[style*="url(http://placehold.it"] {
background-color: #ccc;
}
body .pos-customer_facing_display .pos-payment_info .pos-company_logo {
background-image: url(/logo);
margin-bottom: 10%;
-webkit-box-flex: 0 0 20%;
-webkit-flex: 0 0 20%;
-moz-box-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
body .pos-customer_facing_display .pos-payment_info .pos-adv {
margin-bottom: 5%;
border-bottom: 10px solid transparent;
box-shadow: 0 1px rgba(246, 246, 246, 0.2);
-webkit-box-flex: 1 1 60%;
-webkit-flex: 1 1 60%;
-moz-box-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total,
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-paymentlines {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
-ms-grid-row-align: baseline;
align-items: baseline;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total > div,
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-paymentlines > div {
-webkit-box-flex: 1 0 48%;
-webkit-flex: 1 0 48%;
-moz-box-flex: 1 0 48%;
-ms-flex: 1 0 48%;
flex: 1 0 48%;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total > div:nth-child(even),
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-paymentlines > div:nth-child(even) {
font-weight: bold;
font-size: 120%;
margin-right: 0;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total {
font-size: 2vw;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-paymentlines {
margin-top: 2%;
font-size: 1.5vw;
line-height: 1.3;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-odoo_logo_container {
background-image: url(/web/static/img/logo_inverse_white_206px.png);
background-position: right top;
background-size: contain;
background-repeat: no-repeat;
height: 1.5vw;
margin-top: 10%;
}
@media all and (orientation: portrait) {
body .pos-customer_facing_display {
font-size: 2vh;
height: 100%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
body .pos-customer_facing_display:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 17vh;
}
body .pos-customer_facing_display .pos-payment_info .pos-adv {
position: fixed;
top: 0;
left: 0;
height: 15vh;
width: 99vw;
margin: 0.5vh;
border-width: 0;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
}
body .pos-customer_facing_display.pos-js_no_ADV:before {
display: none;
}
body .pos-customer_facing_display.pos-js_no_ADV .pos-customer_products {
padding-top: 0;
}
body .pos-customer_facing_display .pos-customer_products {
padding-top: 17vh;
height: 72vw;
overflow: hidden;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines {
-webkit-box-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_item > div:nth-child(2) {
width: 30%;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_item.pos_orderlines_header div {
font-size: 90%;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_list {
padding-right: 1.5vh;
height: auto;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_list .pos_orderlines_item {
box-shadow: 0 0.1vh 0.1vh #dddddd;
margin-bottom: 1vh;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_list .pos_orderlines_item > div {
font-size: 100%;
}
body .pos-customer_facing_display .pos-payment_info {
max-width: 100%;
overflow: hidden;
padding-top: 0;
min-height: 120px;
-webkit-box-flex: 0 1 23vw;
-webkit-flex: 0 1 23vw;
-moz-box-flex: 0 1 23vw;
-ms-flex: 0 1 23vw;
flex: 0 1 23vw;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
body .pos-customer_facing_display .pos-payment_info .pos-company_logo {
margin: 0;
background-position: left center;
margin-right: 5%;
height: 100%;
padding: 0;
-webkit-box-flex: 1 1 20%;
-webkit-flex: 1 1 20%;
-moz-box-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details {
-webkit-box-flex: 0 1 50%;
-webkit-flex: 0 1 50%;
-moz-box-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
min-width: 170px;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total {
font-size: 3vw;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total .pos_total-amount {
font-size: 3.5vw;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-paymentlines {
margin-top: 2%;
font-size: 80%;
line-height: 1.2;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-odoo_logo_container {
position: absolute;
right: 3%;
bottom: 1%;
}
}
@media all and (orientation: portrait) and (max-width: 340px) {
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_list {
padding-right: 0;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_list .pos_orderlines_item > div {
font-size: 70%;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_header > div {
font-size: 60%;
}
body .pos-customer_facing_display .pos-customer_products .pos_orderlines .pos_orderlines_header > div:last-child {
text-align: center;
}
body .pos-customer_facing_display .pos-payment_info .pos-company_logo {
display: none !important;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details {
-webkit-box-flex: 1 0 100%;
-webkit-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total {
font-size: 6vw;
}
body .pos-customer_facing_display .pos-payment_info .pos-payment_info_details .pos-total .pos_total-amount {
font-size: 6.5vw;
}
}
body .pos-hidden {
opacity: 0;
}
.pos-palette_01 .pos-payment_info {
background: #3E3E3E;
color: #f6f6f6;
}
.pos-palette_01 .pos-customer_products {
background: #f6f6f6;
color: #585858;
}
.pos-palette_01 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #aaaaaa;
}
.pos-palette_01 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_01:before {
background: #3E3E3E;
}
}
.pos-palette_02 .pos-payment_info {
background: #364152;
color: #e6e7e8;
}
.pos-palette_02 .pos-customer_products {
background: #ecf2f6;
color: #364152;
}
.pos-palette_02 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #364152;
}
.pos-palette_02 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_02:before {
background: #364152;
}
}
.pos-palette_03 .pos-payment_info {
background: #1BA39C;
color: #f6f6f6;
}
.pos-palette_03 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_03 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_03 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_03:before {
background: #1BA39C;
}
}
.pos-palette_04 .pos-payment_info {
background: #0b7b6c;
color: #f6f6f6;
}
.pos-palette_04 .pos-customer_products {
background: #efeeec;
color: #585858;
}
.pos-palette_04 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a9a499;
}
.pos-palette_04 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_04:before {
background: #0b7b6c;
}
}
.pos-palette_05 .pos-payment_info {
background: #E26868;
color: #f6f6f6;
}
.pos-palette_05 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_05 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_05 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_05:before {
background: #E26868;
}
}
.pos-palette_06 .pos-payment_info {
background: #9E373B;
color: #f6f6f6;
}
.pos-palette_06 .pos-customer_products {
background: #f6f6f6;
color: #585858;
}
.pos-palette_06 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #aaaaaa;
}
.pos-palette_06 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_06:before {
background: #9E373B;
}
}
.pos-palette_07 .pos-payment_info {
background: #ce9934;
color: white;
}
.pos-palette_07 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_07 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_07 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_07:before {
background: #ce9934;
}
}
.pos-palette_08 .pos-payment_info {
background: #a48c77;
color: #f6f6f6;
}
.pos-palette_08 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_08 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_08 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_08:before {
background: #a48c77;
}
}
.pos-palette_09 .pos-payment_info {
background: linear-gradient(30deg, #014d43, #127e71);
color: #f6f6f6;
}
.pos-palette_09 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_09 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_09 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_09:before {
background: linear-gradient(30deg, #014d43, #127e71);
}
}
.pos-palette_10 .pos-payment_info {
background: linear-gradient(30deg, #e2316c, #ea4c89);
color: white;
}
.pos-palette_10 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_10 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_10 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_10:before {
background: linear-gradient(30deg, #e2316c, #ea4c89);
}
}
.pos-palette_11 .pos-payment_info {
background: linear-gradient(30deg, #362b3d, #5b4a63);
color: white;
}
.pos-palette_11 .pos-customer_products {
background: #ececec;
color: #585858;
}
.pos-palette_11 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: white;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #a0a0a0;
}
.pos-palette_11 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_11:before {
background: linear-gradient(30deg, #362b3d, #5b4a63);
}
}
.pos-palette_12 .pos-payment_info {
background: #434343;
color: #e6e6e6;
}
.pos-palette_12 .pos-customer_products {
background: #5b5b5b;
color: #bdb9b9;
}
.pos-palette_12 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: #f5f5f5;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #0f0f0f;
}
.pos-palette_12 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_12:before {
background: #434343;
}
}
.pos-palette_13 .pos-payment_info {
background: linear-gradient(30deg, #1a1b1f, #3d3f45);
color: white;
}
.pos-palette_13 .pos-customer_products {
background: #a2a2ab;
color: #f6f6f6;
}
.pos-palette_13 .pos-customer_products .pos_orderlines_list .pos_orderlines_item {
background-color: #f6f6f6;
color: #3E3E3E;
box-shadow: 0 0.1vh 0.1vh #55555f;
}
.pos-palette_13 .pos-customer_products .pos_orderlines_list .pos_orderlines_item div:nth-child(2) {
border-color: rgba(62, 62, 62, 0.3);
}
@media all and (orientation: portrait) {
.pos-palette_13:before {
background: linear-gradient(30deg, #1a1b1f, #3d3f45);
}
}

View file

@ -0,0 +1,36 @@
.pos .opening-cash-control .body{
margin: 40px;
}
.pos .opening-cash-control .opening-cash-section {
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.pos .opening-cash-section .info-title {
font-size: 20px;
font-weight: bold;
}
.pos .opening-cash-section .cash-input-sub-section {
display: flex;
}
.pos .cash-input-sub-section .pos-input {
width: 85px;
}
.pos .cash-input-sub-section .button.icon {
margin: 0;
float: unset;
}
.pos .opening-cash-control .opening-cash-notes {
font-style: italic;
font-weight: 350;
width: calc(100% - 20px); /* textarea has a padding of 10px */
line-height: 20px;
resize: none;
height: 150px;
}

View file

@ -0,0 +1,188 @@
.pos .close-pos-popup {
max-width: 800px !important;
max-height: 800px;
}
.pos .close-pos-popup .body{
margin: 0;
padding: 3% 5%;
}
.pos .close-pos-popup header {
display: flex;
justify-content: space-between;
width: auto;
height: 65px;
background-color: rgb(255, 255, 255);
}
.pos .close-pos-popup .title,
.pos .close-pos-popup .total-orders {
padding: 2.5%;
}
.pos .close-pos-popup .total-orders .amount {
display: inline-block;
}
.notes-container {
display: flex;
justify-content: space-around;
width: 100%;
padding-top: 1%;
}
.pos .close-pos-popup .opening-notes {
color: darkgrey;
text-align: left;
font-size: 16px;
box-sizing: border-box;
min-width: 40%;
padding: 5px 10px;
border-left: solid 3px darkgray;
overflow-y: auto;
word-break: break-word;
}
.pos .close-pos-popup .closing-notes {
font-style: italic;
font-weight: 350;
box-sizing: border-box;
line-height: 20px;
width: 100%;
min-width: 60%;
min-height: 100px;
resize: none;
}
.pos .close-pos-popup .payment-methods-overview {
max-height: 320px;
overflow: auto;
}
.pos .close-pos-popup .payment-methods-overview table {
width: 100%;
text-align: left;
}
.pos .close-pos-popup .payment-methods-overview table tr {
height: 35px
}
.pos .close-pos-popup .flex {
display: flex;
}
.pos .close-pos-popup th:nth-child(1),
.pos .close-pos-popup td:nth-child(1) {
padding-right: 5px;
}
.pos .close-pos-popup th:nth-child(2),
.pos .close-pos-popup td:nth-child(2) {
text-align: right;
padding-right: 5%;
white-space: nowrap;
}
.pos .close-pos-popup th:nth-child(3),
.pos .close-pos-popup td:nth-child(3) {
padding-left: 5px;
}
.pos .close-pos-popup th:nth-child(4),
.pos .close-pos-popup td:nth-child(4) {
text-align: left;
padding-left: 10px;
}
.pos .close-pos-popup .payment-methods-overview table .pos-input {
width: 75%;
text-align: right;
padding-right: 7%;
margin-right: 3%;
}
.pos .close-pos-popup .payment-methods-overview table .warning {
color: red;
font-weight: bold;
}
.pos .close-pos-popup .body .button.icon {
margin: 0;
float: unset;
margin-right: 0 20px 0 20px;
}
.pos .close-pos-popup .payment-methods-overview table .cash-sign {
width: 10px;
margin-right: 5px;
}
.pos .close-pos-popup .payment-methods-overview .cash-overview {
border-left: solid 2px #555555;
}
.pos .close-pos-popup .payment-methods-overview .cash-overview tr td:first-child {
padding-left: 10px;
}
.pos .close-pos-popup .invisible {
visibility: hidden;
}
.pos .close-pos-popup .accept-closing label.disabled {
cursor: default;
color: grey;
}
.pos .close-pos-popup .footer {
box-sizing: border-box;
padding-left: 10px;
}
.pos .close-pos-popup .footer .button {
float: left;
width: 16%;
min-width: 95px;
}
@media screen and (max-width: 768px) {
.pos .close-pos-popup {
overflow-y: auto;
}
.pos .close-pos-popup .footer {
display: flex;
flex-direction: column;
height: unset;
padding-left: 0;
}
.pos .close-pos-popup .footer .button {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.pos .close-pos-popup .footer .button:last-of-type {
margin-bottom: 10px;
}
}
.pos .close-pos-popup .footer .small.button {
float: right;
width: 6%;
min-width: 45px;
}
.pos .close-pos-popup .footer .button.disabled {
cursor: default;
background: bottom;
color: unset;
border: solid 1px rgba(60, 60, 60, 0.1);
}
.pos .close-pos-popup .footer .button.disabled:active {
border: solid 1px rgba(60, 60, 60, 0.1);
}

View file

@ -0,0 +1,42 @@
/* Input style used in cash control popups */
.pos .popup .pos-input {
text-align: center;
font-size: 18px;
color: #555555;
background: none;
min-height: 0;
border-radius: unset;
box-shadow: none;
padding: 0;
cursor: pointer;
width: 50px;
margin-right: 15px;
border-bottom: solid 2px;
}
.pos .popup .pos-input:focus {
box-shadow: none ;
border-color: blue;
font-weight: bold;
}
.pos .popup .invalid-cash-input {
color: red;
animation: blink 0.5s linear;
animation-iteration-count: 2;
border: 1px solid red;
box-shadow: none !important;
}
.pos .popup .invalid-cash-input:focus {
border-color: red;
}
@keyframes blink {
0%, 100% {
border-color: red;
}
50% {
border-color: transparent;
}
}

View file

@ -0,0 +1,36 @@
.pos .popup.money-details {
width: 350px;
max-height: 440px;
}
.pos .money-details.invisible {
display: none;
}
.pos .money-details .body {
max-height: 350px;
}
.pos .money-details .money-details-title {
text-align: left;
margin-bottom: 15px;
font-weight: bold;
}
.pos .money-details .money-details-info {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
overflow: auto;
max-height: 280px;
padding: 0 15px;
}
.pos .money-details .money-details-value {
display: flex;
margin: 10px 0;
}
.pos .money-details .total-section {
font-weight: bold;
}

View file

@ -0,0 +1,186 @@
.product-info-popup {
max-width: 800px !important;
}
.product-info-popup .body {
max-height: 600px;
overflow: auto;
}
.product-info-popup .section-product-info-title {
display: flex;
justify-content: space-between;
}
.product-info-popup .section-product-info-title .global-info-title {
font-size: 32px;
font-weight: bold;
}
.product-info-popup .section-product-info-title div:first-child{
max-width: 60%;
}
.product-info-popup .section-product-info-title .global-info-title.product-name {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-info-popup .subsection-list {
display: flex;
}
.product-info-popup .subsection-list .subsection-list-value {
margin-left: 30px;
}
.product-info-popup .column {
display: flex;
flex-direction: column;
}
.product-info-popup .flex-start {
align-items: flex-start;
}
.product-info-popup .flex-end {
align-items: flex-end;
}
.product-info-popup .section-title {
font-size: 24px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
white-space: nowrap;
}
.product-info-popup .section-title-line {
width: 100%;
border-top: solid black 3px;
opacity: 25%;
margin: 15px 10px 0 10px;
}
.product-info-popup table {
text-align: left;
}
.product-info-popup .section-financials-body {
display: flex;
justify-content: space-between;
}
.product-info-popup .section-financials-body table {
width: 45%;
}
.product-info-popup .section-financials-body table td {
width: 50%;
}
.product-info-popup .section-inventory-body table td {
padding-right: 15px;
}
.product-info-popup .section-supplier-body table {
width: 50%;
}
.product-info-popup .section-supplier-body table div{
display: flex;
justify-content: space-between;
}
.product-info-popup .table-value {
padding-left: 15px;
}
.product-info-popup .searchable {
color: blue;
cursor: pointer;
}
.product-info-popup .searchable:hover {
font-weight: bold;
}
.product-info-popup .searchable:active {
color: darkblue;
}
.product-info-popup .section-order-body table {
text-align: left;
}
@media screen and (max-width: 768px) {
.product-info-popup .body {
max-height: 70vh;
}
.product-info-popup .section-product-info-title div:first-child{
max-width: 100%;
}
.product-info-popup .section-product-info-title .global-info-title {
font-size: 28px;
}
.product-info-popup .section-product-info-title {
flex-direction: column;
}
.product-info-popup .flex-end {
align-items: unset;
}
.product-info-popup .section-financials-body {
flex-direction: column;
}
.product-info-popup .section-financials-body table {
width: unset;
}
.product-info-popup .mobile-table tr {
display: flex;
flex-direction: column;
text-align: left;
}
.product-info-popup .mobile-table .table-name:before {
content: "- ";
}
.product-info-popup .mobile-table td:not(:nth-child(1)) {
margin-left: 15px;
}
.product-info-popup .mobile-line {
display: flex;
}
.product-info-popup .mobile-line td {
margin: 0 15px;
}
.product-info-popup .section-supplier-body table {
width: 100%;
}
.product-info-popup .section-supplier-body table tr {
align-items: start;
}
.product-info-popup .section-variants-body .table-value {
padding-left: 0;
}
.product-info-popup .button.cancel {
float: unset;
margin: 10px auto;
}
}

View file

@ -0,0 +1,96 @@
.pos-receipt-print {
width: 512px;
height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
text-align: left;
direction: ltr;
font-size: 27px;
color: #000000;
}
.pos-receipt .pos-receipt-right-align {
float: right;
}
.pos-receipt .pos-receipt-center-align {
text-align: center;
}
.pos-receipt .pos-receipt-left-padding {
padding-left: 2em;
}
.pos-receipt .pos-receipt-logo {
width: 50%;
display: block;
margin: 0 auto;
}
.pos-receipt .pos-receipt-qrcode {
display: block;
margin: 0 auto;
}
.pos-receipt .pos-receipt-contact {
text-align: center;
font-size: 75%;
}
.pos-receipt .pos-receipt-order-data {
text-align: center;
font-size: 75%;
}
.pos-receipt .pos-receipt-amount {
font-size: 125%;
text-align: start;
}
.pos-receipt .pos-receipt-title {
font-weight: bold;
font-size: 125%;
text-align: center;
}
.pos-receipt .pos-receipt-header {
font-size: 125%;
text-align: center;
}
.pos-receipt .pos-order-receipt-cancel {
color: red;
}
.pos-receipt .pos-receipt-customer-note {
word-break: break-all;
}
.pos-payment-terminal-receipt {
text-align: center;
font-size: 75%;
}
.responsive-price {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.responsive-price > .pos-receipt-right-align {
margin-left: auto;
}
.pos-receipt .pos-receipt-taxes {
display: grid;
grid-template-columns: min-content min-content auto auto auto;
width: 100%;
justify-items: end;
}
.pos-receipt-qty-per-price {
/*rtl:ignore*/
direction: ltr;
}