Increase item cart height in mobile view (Fixes #8827) (#8846)
diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
index fd24006..86dec05 100644
--- a/erpnext/public/css/erpnext.css
+++ b/erpnext/public/css/erpnext.css
@@ -270,6 +270,11 @@
border: 1px solid #d1d8dd;
border-top: none;
}
+@media (max-width: 767px) {
+ body[data-route="pos"] .item-cart-items {
+ height: 30vh;
+ }
+}
body[data-route="pos"] .no-items-message {
min-height: 200px;
display: flex;
diff --git a/erpnext/public/less/erpnext.less b/erpnext/public/less/erpnext.less
index 0431848..f6482eb 100644
--- a/erpnext/public/less/erpnext.less
+++ b/erpnext/public/less/erpnext.less
@@ -321,6 +321,10 @@
overflow: auto;
border: 1px solid @border-color;
border-top: none;
+
+ @media (max-width: @screen-xs) {
+ height: 30vh;
+ }
}
.no-items-message {