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 { |
Faris Ansari | adcb3c6 | 2017-03-06 21:02:17 +0530 | [diff] [blame] | 141 | width: 24px; |
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 | 56a7974 | 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 | |||||
211 | .numeric-keypad { | ||||
212 | border: 1px solid #d1d8dd; | ||||
Rohit Waghchaure | 86ab6a9 | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 213 | height:69px; |
214 | width:69px; | ||||
215 | font-size:20px; | ||||
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 216 | font-weight:200; |
217 | background-color: #FDFDFD; | ||||
218 | border-color: #e8e8e8; | ||||
Rohit Waghchaure | 86ab6a9 | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 219 | margin-left:-4px; |
220 | } | ||||
221 | |||||
222 | .pos-pay { | ||||
223 | height:69px; | ||||
224 | width:69px; | ||||
225 | font-size:17px; | ||||
226 | font-weight:200; | ||||
227 | margin-left:-4px; | ||||
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 228 | } |
229 | |||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 230 | |
Rohit Waghchaure | f0c7ba4 | 2017-02-28 16:51:17 +0530 | [diff] [blame] | 231 | .numeric-keypad { |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 232 | // border: 1px solid #d1d8dd; |
233 | height: 60px; | ||||
234 | width: 60px; | ||||
235 | font-size: 20px; | ||||
236 | font-weight: 200; | ||||
237 | border-radius: 0; | ||||
238 | background-color: #fff; | ||||
239 | // background-color: #FDFDFD; | ||||
240 | // border-color: #e8e8e8; | ||||
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 241 | margin-left:-4px; |
242 | } | ||||
243 | |||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 244 | .numeric_keypad { |
245 | margin-left: -15px; | ||||
246 | |||||
247 | & > .row > button { | ||||
248 | border: none; | ||||
249 | border-right: 1px solid @border-color; | ||||
250 | border-bottom: 1px solid @border-color; | ||||
251 | |||||
252 | &:first-child { | ||||
253 | border-left: 1px solid @border-color; | ||||
254 | } | ||||
255 | } | ||||
256 | |||||
257 | & > .row:first-child > button { | ||||
258 | border-top: 1px solid @border-color; | ||||
259 | } | ||||
260 | } | ||||
261 | |||||
Rohit Waghchaure | e30f83a | 2017-02-24 18:02:50 +0530 | [diff] [blame] | 262 | .pos-pay { |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 263 | |
264 | background-color: @brand-primary; | ||||
265 | border: none; | ||||
266 | |||||
267 | // height:69px; | ||||
268 | // width:69px; | ||||
269 | // font-size:17px; | ||||
270 | // font-weight:200; | ||||
271 | // margin-left:-4px; | ||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 272 | } |
273 | |||||
Faris Ansari | 8e282c2 | 2016-07-24 11:36:19 +0530 | [diff] [blame] | 274 | .multimode-payments { |
275 | padding-left: 30px; | ||||
276 | } | ||||
277 | |||||
278 | .payment-toolbar { | ||||
279 | padding-right: 30px; | ||||
280 | } | ||||
281 | |||||
rohitwaghchaure | c13dbd4 | 2017-02-01 18:07:22 +0530 | [diff] [blame] | 282 | .list-row-head.pos-invoice-list { |
283 | border-top: 1px solid @border-color; | ||||
284 | } | ||||
285 | |||||
Faris Ansari | 8e282c2 | 2016-07-24 11:36:19 +0530 | [diff] [blame] | 286 | body[data-route="pos"] .modal-dialog { |
287 | width: 750px; | ||||
288 | |||||
289 | @media (max-width: @screen-xs) { | ||||
290 | width: auto; | ||||
291 | |||||
292 | .modal-content { | ||||
293 | height: auto; | ||||
294 | } | ||||
295 | } | ||||
296 | } | ||||
297 | |||||
298 | @media (max-width: @screen-xs) { | ||||
299 | .amount-row h3 { | ||||
300 | font-size: 15px; | ||||
301 | } | ||||
302 | .pos-keyboard-key, .delete-btn { | ||||
303 | height: 50px; | ||||
304 | } | ||||
305 | .multimode-payments { | ||||
306 | padding-left: 15px; | ||||
307 | } | ||||
308 | .payment-toolbar { | ||||
309 | padding-right: 15px; | ||||
310 | } | ||||
311 | } | ||||
312 | |||||
Rohit Waghchaure | f2aa176 | 2016-05-20 23:55:45 +0530 | [diff] [blame] | 313 | .amount-label { |
314 | font-size: 16px; | ||||
315 | } | ||||
316 | |||||
317 | .selected-payment-mode { | ||||
318 | background-color: #FAFBFC; | ||||
319 | cursor: pointer; | ||||
320 | } | ||||
321 | |||||
322 | .pos-invoice-list { | ||||
323 | padding: 15px 10px; | ||||
324 | } | ||||
Rohit Waghchaure | baef262 | 2016-08-05 15:41:36 +0530 | [diff] [blame] | 325 | |
326 | .write_off_amount, .change_amount { | ||||
327 | margin: 15px; | ||||
328 | width: 130px; | ||||
329 | } | ||||
Neil Trini Lasrado | 2a9e0f6 | 2017-01-09 18:25:43 +0530 | [diff] [blame] | 330 | |
331 | // assessment tool | ||||
332 | .frappe-control[data-fieldname='result_html'] { | ||||
333 | overflow: scroll; | ||||
334 | } | ||||
335 | .assessment-result-tool { | ||||
336 | table-layout: fixed; | ||||
337 | |||||
338 | input { | ||||
339 | width: 100%; | ||||
340 | border: 0; | ||||
341 | outline: none; | ||||
342 | text-align: right; | ||||
343 | } | ||||
344 | |||||
345 | th { | ||||
346 | white-space: nowrap; | ||||
347 | overflow: hidden; | ||||
348 | text-overflow: ellipsis; | ||||
349 | } | ||||
350 | |||||
351 | .total-score, .grade, .score { | ||||
352 | text-align: right; | ||||
353 | } | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 354 | } |
355 | |||||
356 | .pos-list-row { | ||||
357 | display: table; | ||||
358 | table-layout: fixed; | ||||
359 | width: 100%; | ||||
360 | padding: 9px 15px; | ||||
361 | font-size: 12px; | ||||
362 | margin: 0px; | ||||
363 | border-bottom: 1px solid @border-color; | ||||
364 | |||||
365 | .cell { | ||||
366 | display: table-cell; | ||||
367 | vertical-align: middle; | ||||
368 | } | ||||
369 | |||||
370 | .subject { | ||||
371 | width: 50% | ||||
372 | } | ||||
373 | |||||
374 | .list-row-checkbox, .list-select-all { | ||||
375 | margin-right: 7px; | ||||
376 | } | ||||
377 | } | ||||
378 | |||||
379 | .pos-bill-header { | ||||
380 | background-color: #f5f7fa; | ||||
381 | border: 1px solid @border-color; | ||||
Faris Ansari | 339d9c9 | 2017-03-07 18:14:06 +0530 | [diff] [blame] | 382 | padding: 13px 15px; |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 383 | } |
384 | |||||
Faris Ansari | 339d9c9 | 2017-03-07 18:14:06 +0530 | [diff] [blame] | 385 | .pos-list-row.active { |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 386 | background-color: @light-yellow; |
387 | } | ||||
388 | |||||
389 | .totals-area { | ||||
390 | border-right: 1px solid @border-color; | ||||
391 | border-left: 1px solid @border-color; | ||||
392 | margin-bottom: 15px; | ||||
393 | } | ||||
394 | |||||
Faris Ansari | 339d9c9 | 2017-03-07 18:14:06 +0530 | [diff] [blame] | 395 | // body[data-route="pos"] .page-body { |
396 | // height: ~"calc(100vh - 40px)"; | ||||
397 | // } | ||||
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 398 | |
399 | .item-cart-items { | ||||
Faris Ansari | 339d9c9 | 2017-03-07 18:14:06 +0530 | [diff] [blame] | 400 | height: ~"calc(100vh - 500px)"; |
Faris Ansari | 1f261a8 | 2017-03-06 18:01:58 +0530 | [diff] [blame] | 401 | overflow: auto; |
402 | border: 1px solid @border-color; | ||||
403 | border-top: none; | ||||
404 | |||||
405 | .no-items-message { | ||||
406 | display: flex; | ||||
407 | align-items: center; | ||||
408 | justify-content: center; | ||||
409 | height: 100%; | ||||
410 | } | ||||
411 | } | ||||
412 | |||||
413 | .pos .items .pos-list-row:last-child { | ||||
414 | border-bottom: none; | ||||
415 | } | ||||
416 | |||||
417 | .pos .form-section-heading { | ||||
418 | padding: 0; | ||||
419 | } | ||||
420 | |||||
421 | .pos { | ||||
422 | overflow: hidden; | ||||
423 | } | ||||
424 | |||||
425 | .pos .item-list { | ||||
426 | border-left: 1px solid @border-color; | ||||
427 | border-right: 1px solid @border-color; | ||||
Faris Ansari | 339d9c9 | 2017-03-07 18:14:06 +0530 | [diff] [blame] | 428 | height: ~"calc(100vh - 180px)"; |
429 | overflow: auto; | ||||
430 | |||||
431 | .image-field { | ||||
432 | height: 140px; | ||||
433 | } | ||||
434 | } | ||||
435 | |||||
436 | .pos-bill-toolbar { | ||||
437 | margin-top: 10px; | ||||
438 | } | ||||
439 | |||||
440 | .pos .search-item .form-group { | ||||
441 | margin: 0; | ||||
442 | } | ||||
443 | |||||
444 | .item-list-area .pos-bill-header { | ||||
445 | padding: 5px; | ||||
446 | padding-left: 15px; | ||||
447 | } | ||||
448 | |||||
449 | .pos-selected-item-action > .pos-list-row { | ||||
450 | border: none; | ||||
Neil Trini Lasrado | 2a9e0f6 | 2017-01-09 18:25:43 +0530 | [diff] [blame] | 451 | } |