[pos] ui fix for small screens frappe/erpnext#8029
diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
index 697c078..7b6e5a1 100644
--- a/erpnext/public/css/erpnext.css
+++ b/erpnext/public/css/erpnext.css
@@ -144,6 +144,19 @@
background-color: #fff;
margin-left: -4px;
}
+@media (max-width: 1199px) {
+ body[data-route="pos"] .numeric-keypad {
+ height: 45px;
+ width: 45px;
+ font-size: 14px;
+ }
+}
+@media (max-width: 991px) {
+ body[data-route="pos"] .numeric-keypad {
+ height: 40px;
+ width: 40px;
+ }
+}
body[data-route="pos"] .numeric_keypad {
margin-left: -15px;
}
@@ -307,9 +320,17 @@
padding: 5px;
padding-left: 15px;
}
+body[data-route="pos"] .pos-selected-item-action .pos-list-row:first-child {
+ padding-top: 0;
+}
body[data-route="pos"] .pos-selected-item-action > .pos-list-row {
border: none;
}
+@media (max-width: 1199px) {
+ body[data-route="pos"] .pos-selected-item-action > .pos-list-row {
+ padding: 5px 15px;
+ }
+}
body[data-route="pos"] .edit-customer-btn {
position: absolute;
right: 57px;
@@ -327,4 +348,3 @@
body[data-route="pos"] .collapse-btn {
cursor: pointer;
}
-
diff --git a/erpnext/public/less/erpnext.less b/erpnext/public/less/erpnext.less
index 0a48970..c06bdf9 100644
--- a/erpnext/public/less/erpnext.less
+++ b/erpnext/public/less/erpnext.less
@@ -176,6 +176,17 @@
border-radius: 0;
background-color: #fff;
margin-left:-4px;
+
+ @media (max-width: @screen-md) {
+ height: 45px;
+ width: 45px;
+ font-size: 14px;
+ }
+
+ @media (max-width: @screen-sm) {
+ height: 40px;
+ width: 40px;
+ }
}
.numeric_keypad {
@@ -371,8 +382,18 @@
padding-left: 15px;
}
- .pos-selected-item-action > .pos-list-row {
- border: none;
+ .pos-selected-item-action {
+ .pos-list-row:first-child {
+ padding-top: 0;
+ }
+
+ &> .pos-list-row {
+ border: none;
+
+ @media (max-width: @screen-md) {
+ padding: 5px 15px;
+ }
+ }
}
.edit-customer-btn {