ros.grant.common 2.0.1130 → 2.0.1133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
Binary file
|
|
@@ -1,59 +1,14 @@
|
|
|
1
1
|
.employee-panel {
|
|
2
|
+
border-top: 1px solid var(--Stroke);
|
|
3
|
+
|
|
2
4
|
&__item {
|
|
3
5
|
margin-bottom: 16px;
|
|
4
|
-
box-shadow: 0px 2px 10px rgba(58, 58, 58, 0.1);
|
|
5
|
-
|
|
6
|
-
&_header {
|
|
7
|
-
display: flex;
|
|
8
|
-
align-items: center;
|
|
9
|
-
justify-content: space-between;
|
|
10
|
-
min-height: 48px;
|
|
11
|
-
font-weight: 600;
|
|
12
|
-
font-size: 18px;
|
|
13
|
-
line-height: 160%;
|
|
14
|
-
padding: 5px 24px;
|
|
15
|
-
border-bottom: 1px solid var(--Stroke);
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
|
|
18
|
-
span {
|
|
19
|
-
width: 20px;
|
|
20
|
-
height: 20px;
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
line-height: 0;
|
|
25
|
-
transition: 0.2s;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&.is-open {
|
|
29
|
-
span {
|
|
30
|
-
transform: rotate(180deg);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
6
|
|
|
35
7
|
&_body {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
&_item {
|
|
40
|
-
margin: 0 -24px;
|
|
41
|
-
|
|
42
|
-
@media (max-width: 991px) {
|
|
43
|
-
margin: 0 -20px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@media (max-width: 768px) {
|
|
47
|
-
margin: 0 -16px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&.gray {
|
|
8
|
+
&_item {
|
|
9
|
+
&.disabled{
|
|
51
10
|
background: var(--Bg1);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&.accent {
|
|
55
|
-
background: var(--Bg2);
|
|
56
|
-
}
|
|
11
|
+
}
|
|
57
12
|
|
|
58
13
|
.header {
|
|
59
14
|
display: flex;
|
|
@@ -61,11 +16,11 @@
|
|
|
61
16
|
justify-content: space-between;
|
|
62
17
|
font-weight: 600;
|
|
63
18
|
font-size: 14px;
|
|
64
|
-
padding: 2px
|
|
19
|
+
padding: 2px 8px;
|
|
65
20
|
min-height: 48px;
|
|
66
21
|
margin-bottom: 16px;
|
|
67
|
-
border-top: 1px solid var(--
|
|
68
|
-
border-bottom: 1px solid var(--
|
|
22
|
+
border-top: 1px solid var(--Bg1);
|
|
23
|
+
border-bottom: 1px solid var(--Bg1);
|
|
69
24
|
|
|
70
25
|
.tag {
|
|
71
26
|
font-weight: normal;
|
|
@@ -77,52 +32,52 @@
|
|
|
77
32
|
color: var(--Main2);
|
|
78
33
|
padding: 12px 9px;
|
|
79
34
|
}
|
|
80
|
-
}
|
|
35
|
+
}
|
|
81
36
|
|
|
82
37
|
&.good {
|
|
83
38
|
.body {
|
|
84
39
|
&:after {
|
|
40
|
+
background: var(--Green);
|
|
85
41
|
content: '';
|
|
86
42
|
position: absolute;
|
|
87
|
-
top: -
|
|
88
|
-
left:
|
|
89
|
-
height: calc(
|
|
43
|
+
top: -64px;
|
|
44
|
+
left: -8px;
|
|
45
|
+
height: calc(100% + 65px);
|
|
90
46
|
width: 8px;
|
|
91
|
-
background: var(--Green);
|
|
92
47
|
}
|
|
93
|
-
}
|
|
48
|
+
}
|
|
94
49
|
}
|
|
95
50
|
|
|
96
51
|
&.normal {
|
|
97
52
|
.body {
|
|
98
53
|
&:after {
|
|
54
|
+
background: var(--Yellow);
|
|
99
55
|
content: '';
|
|
100
56
|
position: absolute;
|
|
101
|
-
top: -
|
|
102
|
-
left:
|
|
103
|
-
height: calc(
|
|
57
|
+
top: -64px;
|
|
58
|
+
left: -8px;
|
|
59
|
+
height: calc(100% + 65px);
|
|
104
60
|
width: 8px;
|
|
105
|
-
background: var(--Yellow);
|
|
106
61
|
}
|
|
107
|
-
}
|
|
62
|
+
}
|
|
108
63
|
}
|
|
109
64
|
|
|
110
65
|
&.bad {
|
|
111
66
|
.body {
|
|
112
67
|
&:after {
|
|
68
|
+
background: var(--Red);
|
|
113
69
|
content: '';
|
|
114
70
|
position: absolute;
|
|
115
|
-
top: -
|
|
116
|
-
left:
|
|
117
|
-
height: calc(
|
|
71
|
+
top: -64px;
|
|
72
|
+
left: -8px;
|
|
73
|
+
height: calc(100% + 65px);
|
|
118
74
|
width: 8px;
|
|
119
|
-
background: var(--Red);
|
|
120
75
|
}
|
|
121
76
|
}
|
|
122
77
|
}
|
|
123
78
|
|
|
124
79
|
.body {
|
|
125
|
-
padding:
|
|
80
|
+
padding: 8px;
|
|
126
81
|
position: relative;
|
|
127
82
|
}
|
|
128
83
|
}
|
|
@@ -132,8 +87,9 @@
|
|
|
132
87
|
display: flex;
|
|
133
88
|
align-items: center;
|
|
134
89
|
justify-content: space-between;
|
|
135
|
-
padding: 8px
|
|
136
|
-
border-
|
|
90
|
+
padding: 12px 8px;
|
|
91
|
+
border-bottom: 1px solid var(--Bg1);
|
|
92
|
+
border-top: 1px solid var(--Bg1);
|
|
137
93
|
|
|
138
94
|
div {
|
|
139
95
|
display: flex;
|
|
@@ -206,58 +162,19 @@
|
|
|
206
162
|
stroke: #fff;
|
|
207
163
|
}
|
|
208
164
|
}
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
display: flex;
|
|
213
|
-
align-items: center;
|
|
214
|
-
justify-content: space-between;
|
|
215
|
-
width: 100%;
|
|
216
|
-
|
|
217
|
-
&.open {
|
|
218
|
-
.select__body {
|
|
219
|
-
display: block;
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.trigger {
|
|
224
|
-
display: flex;
|
|
225
|
-
align-items: center;
|
|
226
|
-
cursor: pointer;
|
|
227
|
-
|
|
228
|
-
span {
|
|
229
|
-
margin-right: 10px;
|
|
230
|
-
}
|
|
231
|
-
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
232
168
|
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
left: 0;
|
|
238
|
-
background: #fff;
|
|
239
|
-
box-shadow: 0px 8px 16px rgba(59, 67, 87, 0.0978475),
|
|
240
|
-
0px 0px 1px rgba(10, 31, 68, 0.08);
|
|
241
|
-
border-radius: 4px;
|
|
242
|
-
z-index: 3;
|
|
243
|
-
|
|
244
|
-
&_item {
|
|
245
|
-
min-height: 48px;
|
|
246
|
-
padding: 5px 16px;
|
|
247
|
-
color: #000;
|
|
248
|
-
display: flex;
|
|
249
|
-
align-items: center;
|
|
250
|
-
border-bottom: 1px solid var(--Stroke);
|
|
251
|
-
cursor: pointer;
|
|
169
|
+
&__contacts-item{
|
|
170
|
+
&.selected, &:hover{
|
|
171
|
+
background: var(--Bg2);
|
|
172
|
+
}
|
|
252
173
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
}
|
|
174
|
+
&.unpointed{
|
|
175
|
+
background: #F8F8F8;
|
|
259
176
|
}
|
|
260
|
-
}
|
|
177
|
+
}
|
|
261
178
|
|
|
262
179
|
.contacts {
|
|
263
180
|
background: var(--Bg1);
|
|
@@ -370,16 +287,8 @@
|
|
|
370
287
|
&_body {
|
|
371
288
|
display: none;
|
|
372
289
|
padding: 16px;
|
|
373
|
-
border-top: 1px solid var(--Stroke);
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
&.gray {
|
|
377
|
-
background: var(--Disabled);
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
&.accent {
|
|
381
|
-
background: var(--Bg2);
|
|
382
|
-
}
|
|
290
|
+
border-top: 1px solid var(--Stroke);
|
|
291
|
+
}
|
|
383
292
|
}
|
|
384
293
|
}
|
|
385
294
|
|
|
@@ -412,46 +321,7 @@
|
|
|
412
321
|
}
|
|
413
322
|
}
|
|
414
323
|
|
|
415
|
-
label {
|
|
416
|
-
font-size: 14px;
|
|
417
|
-
margin-bottom: 8px;
|
|
418
|
-
display: block;
|
|
419
|
-
|
|
420
|
-
&.gray {
|
|
421
|
-
color: var(--Secondary);
|
|
422
|
-
}
|
|
423
|
-
}
|
|
424
|
-
|
|
425
324
|
p {
|
|
426
|
-
font-size: 14px;
|
|
427
|
-
line-height: 16px;
|
|
428
|
-
margin-bottom: 16px;
|
|
429
|
-
|
|
430
|
-
span {
|
|
431
|
-
font-weight: bold;
|
|
432
|
-
|
|
433
|
-
&.green {
|
|
434
|
-
color: var(--Green);
|
|
435
|
-
}
|
|
436
|
-
|
|
437
|
-
&.yellow {
|
|
438
|
-
color: var(--Yellow);
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
&.red {
|
|
442
|
-
color: var(--Red);
|
|
443
|
-
}
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
&.small {
|
|
447
|
-
font-size: 12px;
|
|
448
|
-
font-weight: normal;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
&.gray {
|
|
452
|
-
color: var(--Secondary);
|
|
453
|
-
}
|
|
454
|
-
|
|
455
325
|
&.balls {
|
|
456
326
|
position: relative;
|
|
457
327
|
padding-left: 24px;
|
|
@@ -489,11 +359,6 @@
|
|
|
489
359
|
}
|
|
490
360
|
}
|
|
491
361
|
|
|
492
|
-
.line {
|
|
493
|
-
border-bottom: 1px solid var(--Stroke);
|
|
494
|
-
margin-bottom: 16px;
|
|
495
|
-
}
|
|
496
|
-
|
|
497
362
|
.file {
|
|
498
363
|
display: flex;
|
|
499
364
|
align-items: center;
|
|
@@ -524,11 +389,40 @@
|
|
|
524
389
|
}
|
|
525
390
|
}
|
|
526
391
|
|
|
527
|
-
.
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
392
|
+
.select {
|
|
393
|
+
&__body {
|
|
394
|
+
position: absolute;
|
|
395
|
+
width: 100%;
|
|
396
|
+
top: calc(~'100% + 5px');
|
|
397
|
+
left: 0;
|
|
398
|
+
background: #fff;
|
|
399
|
+
box-shadow: 0px 8px 16px rgba(59, 67, 87, 0.0978475),
|
|
400
|
+
0px 0px 1px rgba(10, 31, 68, 0.08);
|
|
401
|
+
border-radius: 4px;
|
|
402
|
+
z-index: 3;
|
|
403
|
+
|
|
404
|
+
&_item {
|
|
405
|
+
min-height: 40px;
|
|
406
|
+
padding: 5px 10px;
|
|
407
|
+
color: #000;
|
|
408
|
+
display: flex;
|
|
409
|
+
align-items: center;
|
|
410
|
+
border-bottom: 1px solid var(--Stroke);
|
|
411
|
+
cursor: pointer;
|
|
412
|
+
|
|
413
|
+
&:last-child {
|
|
414
|
+
border-bottom: none;
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
.border-bottom{
|
|
421
|
+
border-bottom: 1px solid var(--Bg1);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.border-top{
|
|
425
|
+
border-top: 1px solid var(--Bg1);
|
|
532
426
|
}
|
|
533
427
|
}
|
|
534
428
|
|
|
@@ -537,7 +431,6 @@
|
|
|
537
431
|
top: 0;
|
|
538
432
|
right: 0;
|
|
539
433
|
height: 100vh;
|
|
540
|
-
padding: 16px 24px;
|
|
541
434
|
max-width: 600px;
|
|
542
435
|
width: 100%;
|
|
543
436
|
overflow-y: auto;
|
|
@@ -548,87 +441,6 @@
|
|
|
548
441
|
transform: translateX(100%);
|
|
549
442
|
box-shadow: -4px 0px 10px rgba(57, 52, 66, 0.15);
|
|
550
443
|
|
|
551
|
-
@media (max-width: 991px) {
|
|
552
|
-
padding: 16px 20px;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
@media (max-width: 768px) {
|
|
556
|
-
padding: 16px;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.title {
|
|
560
|
-
display: block;
|
|
561
|
-
margin-bottom: 16px;
|
|
562
|
-
}
|
|
563
|
-
|
|
564
|
-
.close {
|
|
565
|
-
position: absolute;
|
|
566
|
-
top: 25px;
|
|
567
|
-
right: 24px;
|
|
568
|
-
cursor: pointer;
|
|
569
|
-
opacity: 1;
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
.no-indent {
|
|
573
|
-
margin: 0 -24px;
|
|
574
|
-
|
|
575
|
-
@media (max-width: 991px) {
|
|
576
|
-
margin: 0 -20px;
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
@media (max-width: 768px) {
|
|
580
|
-
margin: 0 -16px;
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
&-menu {
|
|
585
|
-
background: #fff;
|
|
586
|
-
box-shadow: 0px 2px 10px rgba(58, 58, 58, 0.1);
|
|
587
|
-
padding: 0 16px;
|
|
588
|
-
margin: 0 -24px;
|
|
589
|
-
margin-bottom: 16px;
|
|
590
|
-
min-height: 48px;
|
|
591
|
-
display: flex;
|
|
592
|
-
overflow-x: auto;
|
|
593
|
-
overflow-y: hidden;
|
|
594
|
-
z-index: 1;
|
|
595
|
-
|
|
596
|
-
&.stiky {
|
|
597
|
-
position: sticky;
|
|
598
|
-
top: -16px;
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
&__item {
|
|
602
|
-
display: flex;
|
|
603
|
-
align-items: center;
|
|
604
|
-
justify-content: center;
|
|
605
|
-
text-align: center;
|
|
606
|
-
margin: 0 8px;
|
|
607
|
-
color: var(--Main1);
|
|
608
|
-
position: relative;
|
|
609
|
-
|
|
610
|
-
&:after {
|
|
611
|
-
content: '';
|
|
612
|
-
height: 2px;
|
|
613
|
-
width: 100%;
|
|
614
|
-
background: var(--Main2);
|
|
615
|
-
position: absolute;
|
|
616
|
-
bottom: 0;
|
|
617
|
-
transform: scaleX(0);
|
|
618
|
-
transition: 0.2s;
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
&.active {
|
|
622
|
-
color: var(--Main2);
|
|
623
|
-
font-weight: 600;
|
|
624
|
-
|
|
625
|
-
&:after {
|
|
626
|
-
transform: scaleX(1);
|
|
627
|
-
}
|
|
628
|
-
}
|
|
629
|
-
}
|
|
630
|
-
}
|
|
631
|
-
|
|
632
444
|
&-visible {
|
|
633
445
|
overflow: hidden;
|
|
634
446
|
|
package/package.json
CHANGED