[pos] ui fix for small screens frappe/erpnext#8029

This commit is contained in:
Faris Ansari 2017-03-16 12:18:35 +05:30
parent c26ae0036d
commit d79f239001
2 changed files with 44 additions and 3 deletions

View File

@ -144,6 +144,19 @@ body[data-route="pos"] .numeric-keypad {
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 @@ body[data-route="pos"] .item-list-area .pos-bill-header {
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"] .btn-more {
body[data-route="pos"] .collapse-btn {
cursor: pointer;
}

View File

@ -176,6 +176,17 @@ body[data-route="pos"] {
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 @@ body[data-route="pos"] {
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 {