packages: bumped JS dependencies and added sweetAlert
marcink -
r4310:dea8a4cb default
Not Reviewed
Show More
Add another comment
TODOs: 0 unresolved 0 Resolved
COMMENTS: 0 General 0 Inline
This diff has been collapsed as it changes many lines, (1371 lines changed) Show them Hide them
@@ -0,0 +1,1371
1 .swal2-popup.swal2-toast {
2 flex-direction: row;
3 align-items: center;
4 width: auto;
5 padding: 0.625em;
6 overflow-y: hidden;
7 background: #fff;
8 box-shadow: 0 0 0.625em #d9d9d9;
9 }
10 .swal2-popup.swal2-toast .swal2-header {
11 flex-direction: row;
12 }
13 .swal2-popup.swal2-toast .swal2-title {
14 flex-grow: 1;
15 justify-content: flex-start;
16 margin: 0 0.6em;
17 font-size: 1em;
18 }
19 .swal2-popup.swal2-toast .swal2-footer {
20 margin: 0.5em 0 0;
21 padding: 0.5em 0 0;
22 font-size: 0.8em;
23 }
24 .swal2-popup.swal2-toast .swal2-close {
25 position: static;
26 width: 0.8em;
27 height: 0.8em;
28 line-height: 0.8;
29 }
30 .swal2-popup.swal2-toast .swal2-content {
31 justify-content: flex-start;
32 font-size: 1em;
33 }
34 .swal2-popup.swal2-toast .swal2-icon {
35 width: 2em;
36 min-width: 2em;
37 height: 2em;
38 margin: 0;
39 }
40 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
41 display: flex;
42 align-items: center;
43 font-size: 1.8em;
44 font-weight: bold;
45 }
46 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
47 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
48 font-size: 0.25em;
49 }
50 }
51 .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
52 width: 2em;
53 height: 2em;
54 }
55 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
56 top: 0.875em;
57 width: 1.375em;
58 }
59 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
60 left: 0.3125em;
61 }
62 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
63 right: 0.3125em;
64 }
65 .swal2-popup.swal2-toast .swal2-actions {
66 flex-basis: auto !important;
67 width: auto;
68 height: auto;
69 margin: 0 0.3125em;
70 }
71 .swal2-popup.swal2-toast .swal2-styled {
72 margin: 0 0.3125em;
73 padding: 0.3125em 0.625em;
74 font-size: 1em;
75 }
76 .swal2-popup.swal2-toast .swal2-styled:focus {
77 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
78 }
79 .swal2-popup.swal2-toast .swal2-success {
80 border-color: @alert1;
81 }
82 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
83 position: absolute;
84 width: 1.6em;
85 height: 3em;
86 transform: rotate(45deg);
87 border-radius: 50%;
88 }
89 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
90 top: -0.8em;
91 left: -0.5em;
92 transform: rotate(-45deg);
93 transform-origin: 2em 2em;
94 border-radius: 4em 0 0 4em;
95 }
96 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
97 top: -0.25em;
98 left: 0.9375em;
99 transform-origin: 0 1.5em;
100 border-radius: 0 4em 4em 0;
101 }
102 .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
103 width: 2em;
104 height: 2em;
105 }
106 .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
107 top: 0;
108 left: 0.4375em;
109 width: 0.4375em;
110 height: 2.6875em;
111 }
112 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
113 height: 0.3125em;
114 }
115 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
116 top: 1.125em;
117 left: 0.1875em;
118 width: 0.75em;
119 }
120 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
121 top: 0.9375em;
122 right: 0.1875em;
123 width: 1.375em;
124 }
125 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
126 -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
127 animation: swal2-toast-animate-success-line-tip 0.75s;
128 }
129 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
130 -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
131 animation: swal2-toast-animate-success-line-long 0.75s;
132 }
133 .swal2-popup.swal2-toast.swal2-show {
134 -webkit-animation: swal2-toast-show 0.5s;
135 animation: swal2-toast-show 0.5s;
136 }
137 .swal2-popup.swal2-toast.swal2-hide {
138 -webkit-animation: swal2-toast-hide 0.1s forwards;
139 animation: swal2-toast-hide 0.1s forwards;
140 }
141
142 .swal2-container {
143 display: flex;
144 position: fixed;
145 z-index: 1060;
146 top: 0;
147 right: 0;
148 bottom: 0;
149 left: 0;
150 flex-direction: row;
151 align-items: center;
152 justify-content: center;
153 padding: 0.625em;
154 overflow-x: hidden;
155 transition: background-color 0.1s;
156 -webkit-overflow-scrolling: touch;
157 }
158 .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
159 background: rgba(0, 0, 0, 0.4);
160 }
161 .swal2-container.swal2-backdrop-hide {
162 background: transparent !important;
163 }
164 .swal2-container.swal2-top {
165 align-items: flex-start;
166 }
167 .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
168 align-items: flex-start;
169 justify-content: flex-start;
170 }
171 .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
172 align-items: flex-start;
173 justify-content: flex-end;
174 }
175 .swal2-container.swal2-center {
176 align-items: center;
177 }
178 .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
179 align-items: center;
180 justify-content: flex-start;
181 }
182 .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
183 align-items: center;
184 justify-content: flex-end;
185 }
186 .swal2-container.swal2-bottom {
187 align-items: flex-end;
188 }
189 .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
190 align-items: flex-end;
191 justify-content: flex-start;
192 }
193 .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
194 align-items: flex-end;
195 justify-content: flex-end;
196 }
197 .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
198 margin-top: auto;
199 }
200 .swal2-container.swal2-grow-fullscreen > .swal2-modal {
201 display: flex !important;
202 flex: 1;
203 align-self: stretch;
204 justify-content: center;
205 }
206 .swal2-container.swal2-grow-row > .swal2-modal {
207 display: flex !important;
208 flex: 1;
209 align-content: center;
210 justify-content: center;
211 }
212 .swal2-container.swal2-grow-column {
213 flex: 1;
214 flex-direction: column;
215 }
216 .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
217 align-items: center;
218 }
219 .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
220 align-items: flex-start;
221 }
222 .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
223 align-items: flex-end;
224 }
225 .swal2-container.swal2-grow-column > .swal2-modal {
226 display: flex !important;
227 flex: 1;
228 align-content: center;
229 justify-content: center;
230 }
231 .swal2-container.swal2-no-transition {
232 transition: none !important;
233 }
234 .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
235 margin: auto;
236 }
237 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
238 .swal2-container .swal2-modal {
239 margin: 0 !important;
240 }
241 }
242
243 .swal2-popup {
244 display: none;
245 position: relative;
246 box-sizing: border-box;
247 flex-direction: column;
248 justify-content: center;
249 width: 32em;
250 max-width: 100%;
251 padding: 1.25em;
252 border: none;
253 border-radius: 0.3125em;
254 background: #fff;
255 font-family: inherit;
256 font-size: 1rem;
257 }
258 .swal2-popup:focus {
259 outline: none;
260 }
261 .swal2-popup.swal2-loading {
262 overflow-y: hidden;
263 }
264
265 .swal2-header {
266 display: flex;
267 flex-direction: column;
268 align-items: center;
269 }
270
271 .swal2-title {
272 position: relative;
273 max-width: 100%;
274 margin: 0 0 0.4em;
275 padding: 0;
276 color: #595959;
277 font-size: 1.875em;
278 font-weight: 600;
279 text-align: center;
280 text-transform: none;
281 word-wrap: break-word;
282 }
283
284 .swal2-actions {
285 display: flex;
286 z-index: 1;
287 flex-wrap: wrap;
288 align-items: center;
289 justify-content: center;
290 width: 100%;
291 margin: 1.25em auto 0;
292 }
293 .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
294 opacity: 0.4;
295 }
296 .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
297 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
298 }
299 .swal2-actions:not(.swal2-loading) .swal2-styled:active {
300 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
301 }
302 .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
303 box-sizing: border-box;
304 width: 2.5em;
305 height: 2.5em;
306 margin: 0.46875em;
307 padding: 0;
308 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
309 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
310 border: 0.25em solid transparent;
311 border-radius: 100%;
312 border-color: transparent;
313 background-color: transparent !important;
314 color: transparent !important;
315 cursor: default;
316 -webkit-user-select: none;
317 -moz-user-select: none;
318 -ms-user-select: none;
319 user-select: none;
320 }
321 .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
322 margin-right: 30px;
323 margin-left: 30px;
324 }
325 .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
326 content: "";
327 display: inline-block;
328 width: 15px;
329 height: 15px;
330 margin-left: 5px;
331 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
332 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
333 border: 3px solid #999999;
334 border-radius: 50%;
335 border-right-color: transparent;
336 box-shadow: 1px 1px 1px #fff;
337 }
338
339 .swal2-styled {
340 margin: 0.3125em;
341 padding: 0.625em 2em;
342 box-shadow: none;
343 font-weight: 500;
344 }
345 .swal2-styled:not([disabled]) {
346 cursor: pointer;
347 }
348 .swal2-styled.swal2-confirm {
349 border: 0;
350 border-radius: 0.25em;
351 background: initial;
352 background-color: @alert4;
353 color: #fff;
354 font-size: 1.0625em;
355 }
356 .swal2-styled.swal2-cancel {
357 border: 0;
358 border-radius: 0.25em;
359 background: initial;
360 background-color: #aaa;
361 color: #fff;
362 font-size: 1.0625em;
363 }
364 .swal2-styled:focus {
365 outline: none;
366 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
367 }
368 .swal2-styled::-moz-focus-inner {
369 border: 0;
370 }
371
372 .swal2-footer {
373 justify-content: center;
374 margin: 1.25em 0 0;
375 padding: 1em 0 0;
376 border-top: 1px solid #eee;
377 color: #545454;
378 font-size: 1em;
379 }
380
381 .swal2-timer-progress-bar-container {
382 position: absolute;
383 right: 0;
384 bottom: 0;
385 left: 0;
386 height: 0.25em;
387 overflow: hidden;
388 border-bottom-right-radius: 0.3125em;
389 border-bottom-left-radius: 0.3125em;
390 }
391
392 .swal2-timer-progress-bar {
393 width: 100%;
394 height: 0.25em;
395 background: rgba(0, 0, 0, 0.2);
396 }
397
398 .swal2-image {
399 max-width: 100%;
400 margin: 1.25em auto;
401 }
402
403 .swal2-close {
404 position: absolute;
405 z-index: 2;
406 top: 0;
407 right: 0;
408 align-items: center;
409 justify-content: center;
410 width: 1.2em;
411 height: 1.2em;
412 padding: 0;
413 overflow: hidden;
414 transition: color 0.1s ease-out;
415 border: none;
416 border-radius: 0;
417 background: transparent;
418 color: #cccccc;
419 font-family: serif;
420 font-size: 2.5em;
421 line-height: 1.2;
422 cursor: pointer;
423 }
424 .swal2-close:hover {
425 transform: none;
426 background: transparent;
427 color: #f27474;
428 }
429 .swal2-close::-moz-focus-inner {
430 border: 0;
431 }
432
433 .swal2-content {
434 z-index: 1;
435 justify-content: center;
436 margin: 0;
437 padding: 0;
438 color: #545454;
439 font-size: 1.125em;
440 font-weight: normal;
441 line-height: normal;
442 text-align: center;
443 word-wrap: break-word;
444 }
445
446 .swal2-input,
447 .swal2-file,
448 .swal2-textarea,
449 .swal2-select,
450 .swal2-radio,
451 .swal2-checkbox {
452 margin: 1em auto;
453 }
454
455 .swal2-input,
456 .swal2-file,
457 .swal2-textarea {
458 box-sizing: border-box;
459 width: 100%;
460 transition: border-color 0.3s, box-shadow 0.3s;
461 border: 1px solid #d9d9d9;
462 border-radius: 0.1875em;
463 background: inherit;
464 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
465 color: inherit;
466 font-size: 1.125em;
467 }
468 .swal2-input.swal2-inputerror,
469 .swal2-file.swal2-inputerror,
470 .swal2-textarea.swal2-inputerror {
471 border-color: #f27474 !important;
472 box-shadow: 0 0 2px #f27474 !important;
473 }
474 .swal2-input:focus,
475 .swal2-file:focus,
476 .swal2-textarea:focus {
477 border: 1px solid #b4dbed;
478 outline: none;
479 box-shadow: 0 0 3px #c4e6f5;
480 }
481 .swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
482 color: #cccccc;
483 }
484 .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
485 color: #cccccc;
486 }
487 .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
488 color: #cccccc;
489 }
490 .swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
491 color: #cccccc;
492 }
493 .swal2-input::placeholder,
494 .swal2-file::placeholder,
495 .swal2-textarea::placeholder {
496 color: #cccccc;
497 }
498
499 .swal2-range {
500 margin: 1em auto;
501 background: #fff;
502 }
503 .swal2-range input {
504 width: 80%;
505 }
506 .swal2-range output {
507 width: 20%;
508 color: inherit;
509 font-weight: 600;
510 text-align: center;
511 }
512 .swal2-range input,
513 .swal2-range output {
514 height: 2.625em;
515 padding: 0;
516 font-size: 1.125em;
517 line-height: 2.625em;
518 }
519
520 .swal2-input {
521 height: 2.625em;
522 padding: 0 0.75em;
523 }
524 .swal2-input[type=number] {
525 max-width: 10em;
526 }
527
528 .swal2-file {
529 background: inherit;
530 font-size: 1.125em;
531 }
532
533 .swal2-textarea {
534 height: 6.75em;
535 padding: 0.75em;
536 }
537
538 .swal2-select {
539 min-width: 50%;
540 max-width: 100%;
541 padding: 0.375em 0.625em;
542 background: inherit;
543 color: inherit;
544 font-size: 1.125em;
545 }
546
547 .swal2-radio,
548 .swal2-checkbox {
549 align-items: center;
550 justify-content: center;
551 background: #fff;
552 color: inherit;
553 }
554 .swal2-radio label,
555 .swal2-checkbox label {
556 margin: 0 0.6em;
557 font-size: 1.125em;
558 }
559 .swal2-radio input,
560 .swal2-checkbox input {
561 margin: 0 0.4em;
562 }
563
564 .swal2-validation-message {
565 display: none;
566 align-items: center;
567 justify-content: center;
568 padding: 0.625em;
569 overflow: hidden;
570 background: #f0f0f0;
571 color: #666666;
572 font-size: 1em;
573 font-weight: 300;
574 }
575 .swal2-validation-message::before {
576 content: "!";
577 display: inline-block;
578 width: 1.5em;
579 min-width: 1.5em;
580 height: 1.5em;
581 margin: 0 0.625em;
582 border-radius: 50%;
583 background-color: #f27474;
584 color: #fff;
585 font-weight: 600;
586 line-height: 1.5em;
587 text-align: center;
588 }
589
590 .swal2-icon {
591 position: relative;
592 box-sizing: content-box;
593 justify-content: center;
594 width: 5em;
595 height: 5em;
596 margin: 1.25em auto 1.875em;
597 border: 0.25em solid transparent;
598 border-radius: 50%;
599 font-family: inherit;
600 line-height: 5em;
601 cursor: default;
602 -webkit-user-select: none;
603 -moz-user-select: none;
604 -ms-user-select: none;
605 user-select: none;
606 }
607 .swal2-icon .swal2-icon-content {
608 display: flex;
609 align-items: center;
610 font-size: 3.75em;
611 }
612 .swal2-icon.swal2-error {
613 border-color: @alert2;
614 color: @alert2;
615 }
616 .swal2-icon.swal2-error .swal2-x-mark {
617 position: relative;
618 flex-grow: 1;
619 }
620 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
621 display: block;
622 position: absolute;
623 top: 2.3125em;
624 width: 2.9375em;
625 height: 0.3125em;
626 border-radius: 0.125em;
627 background-color: @alert2;
628 }
629 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
630 left: 1.0625em;
631 transform: rotate(45deg);
632 }
633 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
634 right: 1em;
635 transform: rotate(-45deg);
636 }
637 .swal2-icon.swal2-error.swal2-icon-show {
638 //-webkit-animation: swal2-animate-error-icon 0.5s;
639 // animation: swal2-animate-error-icon 0.5s;
640 }
641 .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
642 //-webkit-animation: swal2-animate-error-x-mark 0.5s;
643 // animation: swal2-animate-error-x-mark 0.5s;
644 }
645 .swal2-icon.swal2-warning {
646 border-color: @alert3;
647 color: @alert3;
648 }
649 .swal2-icon.swal2-info {
650 border-color: #9de0f6;
651 color: #3fc3ee;
652 }
653 .swal2-icon.swal2-question {
654 border-color: #c9dae1;
655 color: #87adbd;
656 }
657 .swal2-icon.swal2-success {
658 border-color: @alert1;
659 color: @alert1;
660 }
661 .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
662 position: absolute;
663 width: 3.75em;
664 height: 7.5em;
665 transform: rotate(45deg);
666 border-radius: 50%;
667 }
668 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
669 top: -0.4375em;
670 left: -2.0635em;
671 transform: rotate(-45deg);
672 transform-origin: 3.75em 3.75em;
673 border-radius: 7.5em 0 0 7.5em;
674 }
675 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
676 top: -0.6875em;
677 left: 1.875em;
678 transform: rotate(-45deg);
679 transform-origin: 0 3.75em;
680 border-radius: 0 7.5em 7.5em 0;
681 }
682 .swal2-icon.swal2-success .swal2-success-ring {
683 position: absolute;
684 z-index: 2;
685 top: -0.25em;
686 left: -0.25em;
687 box-sizing: content-box;
688 width: 100%;
689 height: 100%;
690 border: 0.25em solid rgba(165, 220, 134, 0.3);
691 border-radius: 50%;
692 }
693 .swal2-icon.swal2-success .swal2-success-fix {
694 position: absolute;
695 z-index: 1;
696 top: 0.5em;
697 left: 1.625em;
698 width: 0.4375em;
699