Rushabh Mehta | 5d0e8de | 2016-04-11 17:34:25 +0530 | [diff] [blame] | 1 | @import "../../../../frappe/frappe/public/less/variables.less"; |
2 | |||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 3 | .erpnext-footer { |
4 | margin: 11px auto; | ||||
5 | text-align: center; | ||||
6 | } | ||||
7 | |||||
8 | .show-all-reports { | ||||
9 | margin-top: 5px; | ||||
10 | font-size: 11px; | ||||
11 | } | ||||
12 | |||||
13 | /* toolbar */ | ||||
14 | .toolbar-splash { | ||||
15 | width: 32px; | ||||
16 | height: 32px; | ||||
17 | margin: -10px auto; | ||||
18 | } | ||||
19 | |||||
20 | /* pos */ | ||||
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 21 | |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 22 | // .pos-item-area { |
23 | // padding: 0px 10px; | ||||
24 | // } | ||||
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 25 | |
26 | .pos-item-wrapper { | ||||
27 | padding: 5px; | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 28 | } |
29 | |||||
30 | .pos-item { | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 31 | overflow: hidden; |
32 | text-overflow: ellipsis; | ||||
33 | cursor: pointer; | ||||
34 | padding: 5px; | ||||
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 35 | padding-bottom: 15px; |
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 36 | border: 1px solid #d1d8dd; |
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 37 | margin-bottom: 5px; |
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 38 | } |
39 | |||||
40 | .pos-item-text { | ||||
41 | padding: 0px 5px; | ||||
42 | } | ||||
43 | |||||
44 | .pos-item .item-code { | ||||
45 | margin-bottom: 0px; | ||||
46 | } | ||||
47 | |||||
48 | .pos-item .no-image { | ||||
49 | background-color: #fafbfc; | ||||
50 | border: 1px dashed #d1d8dd; | ||||
51 | } | ||||
52 | |||||
53 | .pos-item-image { | ||||
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 54 | width: 100%; |
55 | height: 0px; | ||||
56 | padding: 50% 0; | ||||
57 | text-align: center; | ||||
58 | line-height: 0; | ||||
Rushabh Mehta | 5d0e8de | 2016-04-11 17:34:25 +0530 | [diff] [blame] | 59 | color: @text-extra-muted; |
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 60 | font-size: 30px; |
Faris Ansari | d217387 | 2016-08-09 14:15:31 +0530 | [diff] [blame] | 61 | background-size: contain; |
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 62 | border: 1px solid transparent; |
Faris Ansari | d217387 | 2016-08-09 14:15:31 +0530 | [diff] [blame] | 63 | background-position: center; |
64 | background-repeat: no-repeat; | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 65 | } |
66 | |||||
67 | .pos-item-area { | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 68 | // border: 1px solid #d1d8dd; |
69 | // border-top: none; | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 70 | } |
71 | |||||
72 | .pos-item-toolbar { | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 73 | height: 51px; // remove later |
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 74 | padding: 10px 0px; |
75 | border-bottom: 1px solid #d1d8dd; | ||||
76 | } | ||||
77 | |||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 78 | // .item-list-area, .list-customers { |
79 | // padding: 15px 0px; | ||||
80 | // overflow-y: scroll; | ||||
81 | // height: ~"calc(100vh - 162px)"; | ||||
82 | // } | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 83 | |
84 | .pos-toolbar, .pos-bill-toolbar { | ||||
85 | padding: 10px 0px; | ||||
rohitwaghchaure | c13dbd4 | 2017-02-01 18:07:22 +0530 | [diff] [blame] | 86 | // border-bottom: 1px solid #d1d8dd; |
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 87 | height: 51px; |
88 | } | ||||
89 | |||||
90 | .pos-item-toolbar .form-group { | ||||
91 | margin-bottom: 0px; | ||||
92 | } | ||||
93 | |||||
94 | .pos-bill-wrapper { | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 95 | // border: 1px solid #d1d8dd; |
96 | // border-top: none; | ||||
97 | // margin-right: -1px; | ||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 98 | } |
99 | |||||
100 | .pos-bill { | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 101 | // border-top: 1px solid @border-color; |
102 | // margin-left: -15px; | ||||
103 | // margin-right: -15px; | ||||
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 104 | } |
105 | |||||
106 | .edit-pos-item { | ||||
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 107 | height: 50px; |
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 108 | font-size: 14px; |
109 | border-top: 1px solid @border-color; | ||||
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 110 | padding-top: 12px; |
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 111 | } |
112 | |||||
113 | .pos-bill-item:hover { | ||||
114 | background-color: #f5f7fa; | ||||
115 | cursor: pointer; | ||||
116 | } | ||||
117 | |||||
Anand Doshi | da858cc | 2015-02-24 17:50:44 +0530 | [diff] [blame] | 118 | .pos-item-qty { |
119 | display: inline-block; | ||||
120 | } | ||||
121 | |||||
122 | .pos-qty-row > div { | ||||
123 | padding: 5px 0px; | ||||
124 | } | ||||
125 | |||||
126 | .pos-qty-btn { | ||||
127 | margin-top: 3px; | ||||
128 | cursor: pointer; | ||||
129 | font-size: 120%; | ||||
130 | } | ||||
131 | |||||
132 | .pos .search-area .form-group { | ||||
133 | max-width: 100% !important; | ||||
134 | } | ||||
135 | |||||
136 | .pos .tax-table { | ||||
137 | margin-bottom: 10px; | ||||
138 | } | ||||
139 | |||||
Anand Doshi | 906c2ba | 2015-07-17 15:11:24 +0530 | [diff] [blame] | 140 | .erpnext-icon { |
Rushabh Mehta | 3d2622c | 2016-04-25 17:53:42 +0530 | [diff] [blame] | 141 | width: 24px;ack |
Anand Doshi | 906c2ba | 2015-07-17 15:11:24 +0530 | [diff] [blame] | 142 | margin-right: 0px; |
143 | margin-top: -3px; | ||||
144 | } | ||||
Nabin Hait | 3769d87 | 2015-12-18 13:12:02 +0530 | [diff] [blame] | 145 | |
146 | .pos .discount-amount-area { | ||||
147 | .discount-field-col { | ||||
148 | padding-left: 0px; | ||||
149 | } | ||||
Rushabh Mehta | 203cc96 | 2016-04-07 15:25:43 +0530 | [diff] [blame] | 150 | |
Nabin Hait | 3769d87 | 2015-12-18 13:12:02 +0530 | [diff] [blame] | 151 | .input-group { |
152 | margin-top: 2px; | ||||
153 | } | ||||
Rushabh Mehta | 3d2622c | 2016-04-25 17:53:42 +0530 | [diff] [blame] | 154 | } |
155 | |||||
156 | .dashboard-list-item { | ||||
157 | background-color: inherit; | ||||
Rushabh Mehta | d1eba51 | 2016-06-13 17:46:55 +0530 | [diff] [blame] | 158 | padding: 5px 0px; |
Rushabh Mehta | 3d2622c | 2016-04-25 17:53:42 +0530 | [diff] [blame] | 159 | border-bottom: 1px solid @border-color; |
160 | } | ||||
161 | |||||
Rushabh Mehta | d1eba51 | 2016-06-13 17:46:55 +0530 | [diff] [blame] | 162 | #page-stock-balance .dashboard-list-item { |
163 | padding: 5px 15px; | ||||
164 | } | ||||
165 | |||||
Rushabh Mehta | 3d2622c | 2016-04-25 17:53:42 +0530 | [diff] [blame] | 166 | .dashboard-list-item:last-child { |
167 | border-bottom: none; | ||||
168 | } | ||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 169 | |
170 | .payment-toolbar { | ||||
Faris Ansari | 8e282c2 | 2016-07-24 11:36:19 +0530 | [diff] [blame] | 171 | .row { |
172 | width: 323px; | ||||
173 | margin: 0 auto; | ||||
174 | } | ||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 175 | } |
176 | |||||
177 | .payment-mode { | ||||
178 | cursor: pointer; | ||||
179 | font-family: sans-serif; | ||||
180 | font-size: 15px; | ||||
181 | } | ||||
182 | |||||
183 | .pos-payment-row .col-xs-6 { | ||||
Rohit Waghchaure | baef262 | 2016-08-05 15:41:36 +0530 | [diff] [blame] | 184 | padding :15px; |
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 185 | } |
186 | |||||
187 | .pos-payment-row { | ||||
188 | border-bottom:1px solid #d1d8dd; | ||||
Rohit Waghchaure | 9fe40d5 | 2016-06-13 21:37:10 +0530 | [diff] [blame] | 189 | margin: 2px 0px 5px 0px; |
190 | height: 60px; | ||||
Rohit Waghchaure | baef262 | 2016-08-05 15:41:36 +0530 | [diff] [blame] | 191 | margin-top: 0px; |
192 | margin-bottom: 0px; | ||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 193 | } |
194 | |||||
195 | .pos-payment-row:hover, .pos-keyboard-key:hover{ | ||||
196 | background-color: #FAFBFC; | ||||
197 | cursor: pointer; | ||||
198 | } | ||||
199 | |||||
200 | .pos-keyboard-key, .delete-btn { | ||||
201 | border: 1px solid #d1d8dd; | ||||
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 202 | height:85px; |
203 | width:85px; | ||||
204 | margin:10px 10px; | ||||
205 | font-size:24px; | ||||
206 | font-weight:200; | ||||
207 | background-color: #FDFDFD; | ||||
208 | border-color: #e8e8e8; | ||||
209 | } | ||||
210 | |||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 211 | |
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 212 | .numeric-keypad { |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 213 | // border: 1px solid #d1d8dd; |
214 | height: 60px; | ||||
215 | width: 60px; | ||||
216 | font-size: 20px; | ||||
217 | font-weight: 200; | ||||
218 | border-radius: 0; | ||||
219 | background-color: #fff; | ||||
220 | // background-color: #FDFDFD; | ||||
221 | // border-color: #e8e8e8; | ||||
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 222 | margin-left:-4px; |
223 | } | ||||
224 | |||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 225 | .numeric_keypad { |
226 | margin-left: -15px; | ||||
227 | |||||
228 | & > .row > button { | ||||
229 | border: none; | ||||
230 | border-right: 1px solid @border-color; | ||||
231 | border-bottom: 1px solid @border-color; | ||||
232 | |||||
233 | &:first-child { | ||||
234 | border-left: 1px solid @border-color; | ||||
235 | } | ||||
236 | } | ||||
237 | |||||
238 | & > .row:first-child > button { | ||||
239 | border-top: 1px solid @border-color; | ||||
240 | } | ||||
241 | } | ||||
242 | |||||
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 243 | .pos-pay { |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 244 | |
245 | background-color: @brand-primary; | ||||
246 | border: none; | ||||
247 | |||||
248 | // height:69px; | ||||
249 | // width:69px; | ||||
250 | // font-size:17px; | ||||
251 | // font-weight:200; | ||||
252 | // margin-left:-4px; | ||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 253 | } |
254 | |||||
Faris Ansari | 8e282c2 | 2016-07-24 11:36:19 +0530 | [diff] [blame] | 255 | .multimode-payments { |
256 | padding-left: 30px; | ||||
257 | } | ||||
258 | |||||
259 | .payment-toolbar { | ||||
260 | padding-right: 30px; | ||||
261 | } | ||||
262 | |||||
rohitwaghchaure | c13dbd4 | 2017-02-01 18:07:22 +0530 | [diff] [blame] | 263 | .list-row-head.pos-invoice-list { |
264 | border-top: 1px solid @border-color; | ||||
265 | } | ||||
266 | |||||
Faris Ansari | 8e282c2 | 2016-07-24 11:36:19 +0530 | [diff] [blame] | 267 | body[data-route="pos"] .modal-dialog { |
268 | width: 750px; | ||||
269 | |||||
270 | @media (max-width: @screen-xs) { | ||||
271 | width: auto; | ||||
272 | |||||
273 | .modal-content { | ||||
274 | height: auto; | ||||
275 | } | ||||
276 | } | ||||
277 | } | ||||
278 | |||||
279 | @media (max-width: @screen-xs) { | ||||
280 | .amount-row h3 { | ||||
281 | font-size: 15px; | ||||
282 | } | ||||
283 | .pos-keyboard-key, .delete-btn { | ||||
284 | height: 50px; | ||||
285 | } | ||||
286 | .multimode-payments { | ||||
287 | padding-left: 15px; | ||||
288 | } | ||||
289 | .payment-toolbar { | ||||
290 | padding-right: 15px; | ||||
291 | } | ||||
292 | } | ||||
293 | |||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 294 | .amount-label { |
295 | font-size: 16px; | ||||
296 | } | ||||
297 | |||||
298 | .selected-payment-mode { | ||||
299 | background-color: #FAFBFC; | ||||
300 | cursor: pointer; | ||||
301 | } | ||||
302 | |||||
303 | .pos-invoice-list { | ||||
304 | padding: 15px 10px; | ||||
305 | } | ||||
Rohit Waghchaure | baef262 | 2016-08-05 15:41:36 +0530 | [diff] [blame] | 306 | |
307 | .write_off_amount, .change_amount { | ||||
308 | margin: 15px; | ||||
309 | width: 130px; | ||||
310 | } | ||||
Neil Trini Lasrado | 2a9e0f6 | 2017-01-09 18:25:43 +0530 | [diff] [blame] | 311 | |
312 | // assessment tool | ||||
313 | .frappe-control[data-fieldname='result_html'] { | ||||
314 | overflow: scroll; | ||||
315 | } | ||||
316 | .assessment-result-tool { | ||||
317 | table-layout: fixed; | ||||
318 | |||||
319 | input { | ||||
320 | width: 100%; | ||||
321 | border: 0; | ||||
322 | outline: none; | ||||
323 | text-align: right; | ||||
324 | } | ||||
325 | |||||
326 | th { | ||||
327 | white-space: nowrap; | ||||
328 | overflow: hidden; | ||||
329 | text-overflow: ellipsis; | ||||
330 | } | ||||
331 | |||||
332 | .total-score, .grade, .score { | ||||
333 | text-align: right; | ||||
334 | } | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame^] | 335 | } |
336 | |||||
337 | .pos-list-row { | ||||
338 | display: table; | ||||
339 | table-layout: fixed; | ||||
340 | width: 100%; | ||||
341 | padding: 9px 15px; | ||||
342 | font-size: 12px; | ||||
343 | margin: 0px; | ||||
344 | border-bottom: 1px solid @border-color; | ||||
345 | |||||
346 | .cell { | ||||
347 | display: table-cell; | ||||
348 | vertical-align: middle; | ||||
349 | } | ||||
350 | |||||
351 | .subject { | ||||
352 | width: 50% | ||||
353 | } | ||||
354 | |||||
355 | .list-row-checkbox, .list-select-all { | ||||
356 | margin-right: 7px; | ||||
357 | } | ||||
358 | } | ||||
359 | |||||
360 | .pos-bill-header { | ||||
361 | background-color: #f5f7fa; | ||||
362 | border: 1px solid @border-color; | ||||
363 | } | ||||
364 | |||||
365 | .pos-bill-item.active { | ||||
366 | background-color: @light-yellow; | ||||
367 | } | ||||
368 | |||||
369 | .totals-area { | ||||
370 | border-right: 1px solid @border-color; | ||||
371 | border-left: 1px solid @border-color; | ||||
372 | margin-bottom: 15px; | ||||
373 | } | ||||
374 | |||||
375 | body[data-route="pos"] .page-body { | ||||
376 | height: ~"calc(100vh - 40px)"; | ||||
377 | } | ||||
378 | |||||
379 | .item-cart-items { | ||||
380 | height: 30vh; | ||||
381 | overflow: auto; | ||||
382 | border: 1px solid @border-color; | ||||
383 | border-top: none; | ||||
384 | |||||
385 | .no-items-message { | ||||
386 | display: flex; | ||||
387 | align-items: center; | ||||
388 | justify-content: center; | ||||
389 | height: 100%; | ||||
390 | } | ||||
391 | } | ||||
392 | |||||
393 | .pos .items .pos-list-row:last-child { | ||||
394 | border-bottom: none; | ||||
395 | } | ||||
396 | |||||
397 | .pos .form-section-heading { | ||||
398 | padding: 0; | ||||
399 | } | ||||
400 | |||||
401 | .pos { | ||||
402 | overflow: hidden; | ||||
403 | } | ||||
404 | |||||
405 | .pos .item-list { | ||||
406 | border-left: 1px solid @border-color; | ||||
407 | border-right: 1px solid @border-color; | ||||
Neil Trini Lasrado | 2a9e0f6 | 2017-01-09 18:25:43 +0530 | [diff] [blame] | 408 | } |