Increase item cart height in mobile view (Fixes #8827) (#8846)

frappe · May 16, 2017 · 125996e · 125996e
1 parent 7bf8103
commit 125996e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
@@ -270,6 +270,11 @@ body[data-route="pos"] .item-cart-items {
   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
@@ -321,6 +321,10 @@ body[data-route="pos"] {
 		overflow: auto;
 		border: 1px solid @border-color;
 		border-top: none;
+
+		@media (max-width: @screen-xs) {
+			height: 30vh;
+		}
 	}
 
 	.no-items-message {