Styling and code fixes
diff --git a/erpnext/public/css/pos.css b/erpnext/public/css/pos.css
index b19372b..10355f4 100644
--- a/erpnext/public/css/pos.css
+++ b/erpnext/public/css/pos.css
@@ -1,6 +1,16 @@
+[data-route="point-of-sale"] .layout-main-section-wrapper {
+ margin-bottom: 0;
+}
+[data-route="point-of-sale"] .pos-items-wrapper {
+ max-height: calc(100vh - 210px);
+}
.pos {
padding: 15px;
}
+.list-item {
+ min-height: 40px;
+ height: auto;
+}
.cart-container {
padding: 0 15px;
display: inline-block;
@@ -33,7 +43,7 @@
flex: 1.5;
}
.cart-items {
- height: 200px;
+ height: 150px;
overflow: auto;
}
.cart-items .list-item.current-item {
@@ -132,3 +142,32 @@
background-color: #5E64FF;
color: #ffffff;
}
+.discount-amount .discount-inputs {
+ display: flex;
+ flex-direction: column;
+ padding: 15px 0;
+}
+.discount-amount input:first-child {
+ margin-bottom: 10px;
+}
+.taxes-and-totals {
+ border-top: 1px solid #d1d8dd;
+}
+.taxes-and-totals .taxes {
+ display: flex;
+ flex-direction: column;
+ padding: 15px 0;
+ align-items: flex-end;
+}
+.taxes-and-totals .taxes > div:first-child {
+ margin-bottom: 10px;
+}
+.grand-total {
+ border-top: 1px solid #d1d8dd;
+}
+.grand-total .list-item {
+ height: 60px;
+}
+.grand-total .grand-total-value {
+ font-size: 24px;
+}
diff --git a/erpnext/public/less/pos.less b/erpnext/public/less/pos.less
index bcbd142..b699a55 100644
--- a/erpnext/public/less/pos.less
+++ b/erpnext/public/less/pos.less
@@ -1,10 +1,25 @@
@import "../../../../frappe/frappe/public/less/variables.less";
+[data-route="point-of-sale"] {
+ .layout-main-section-wrapper {
+ margin-bottom: 0;
+ }
+
+ .pos-items-wrapper {
+ max-height: ~"calc(100vh - 210px)";
+ }
+}
+
.pos {
// display: flex;
padding: 15px;
}
+.list-item {
+ min-height: 40px;
+ height: auto;
+}
+
.cart-container {
padding: 0 15px;
// flex: 2;
@@ -46,7 +61,7 @@
}
.cart-items {
- height: 200px;
+ height: 150px;
overflow: auto;
.list-item.current-item {
@@ -163,4 +178,44 @@
background-color: @brand-primary;
color: #ffffff;
}
+}
+
+// taxes, totals and discount area
+.discount-amount {
+ .discount-inputs {
+ display: flex;
+ flex-direction: column;
+ padding: 15px 0;
+ }
+
+ input:first-child {
+ margin-bottom: 10px;
+ }
+}
+
+.taxes-and-totals {
+ border-top: 1px solid @border-color;
+
+ .taxes {
+ display: flex;
+ flex-direction: column;
+ padding: 15px 0;
+ align-items: flex-end;
+
+ & > div:first-child {
+ margin-bottom: 10px;
+ }
+ }
+}
+
+.grand-total {
+ border-top: 1px solid @border-color;
+
+ .list-item {
+ height: 60px;
+ }
+
+ .grand-total-value {
+ font-size: 24px;
+ }
}
\ No newline at end of file