ros.grant.common 2.0.1128 → 2.0.1131

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
@@ -5,7 +5,6 @@
5
5
 
6
6
  &.small-size {
7
7
  .tabs-underline_tabs__item {
8
-
9
8
  a,
10
9
  span {
11
10
  font-size: 14px;
@@ -37,10 +36,8 @@
37
36
  }
38
37
 
39
38
  &.active {
40
-
41
39
  a,
42
40
  span {
43
- font-weight: bold;
44
41
  color: var(--Main2);
45
42
  }
46
43
 
@@ -225,7 +225,7 @@
225
225
  line-height: 120%;
226
226
  cursor: pointer;
227
227
  padding: 7px 10px;
228
- margin: 2px 3.5px;
228
+ margin: 4px;
229
229
  position: relative;
230
230
 
231
231
  @media screen and (max-width: 768px) {
@@ -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
- padding: 24px;
37
- padding-bottom: 0;
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 24px;
19
+ padding: 2px 8px;
65
20
  min-height: 48px;
66
21
  margin-bottom: 16px;
67
- border-top: 1px solid var(--Stroke);
68
- border-bottom: 1px solid var(--Stroke);
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: -63px;
88
- left: 0;
89
- height: calc(~'100% + 78px');
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: -63px;
102
- left: 0;
103
- height: calc(~'100% + 78px');
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: -63px;
116
- left: 0;
117
- height: calc(~'100% + 78px');
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: 0 24px;
80
+ padding: 8px;
126
81
  position: relative;
127
82
  }
128
83
  }
@@ -132,8 +87,8 @@
132
87
  display: flex;
133
88
  align-items: center;
134
89
  justify-content: space-between;
135
- padding: 8px 24px;
136
- border-top: 1px solid var(--Stroke);
90
+ padding: 12px 8px;
91
+ border-bottom: 1px solid var(--Bg1);
137
92
 
138
93
  div {
139
94
  display: flex;
@@ -206,59 +161,16 @@
206
161
  stroke: #fff;
207
162
  }
208
163
  }
209
- }
210
-
211
- .select {
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
- }
232
-
233
- &__body {
234
- position: absolute;
235
- width: 100%;
236
- top: calc(~'100% + 5px');
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;
252
-
253
- &:last-child {
254
- border-bottom: none;
255
- }
256
- }
257
- }
258
- }
164
+ }
259
165
  }
260
166
  }
261
167
 
168
+ &__contacts-item{
169
+ &.selected, &:hover{
170
+ background: var(--Bg2);
171
+ }
172
+ }
173
+
262
174
  .contacts {
263
175
  background: var(--Bg1);
264
176
  box-shadow: inset 0px 1px 1px rgba(57, 52, 66, 0.05);
@@ -370,16 +282,8 @@
370
282
  &_body {
371
283
  display: none;
372
284
  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
- }
285
+ border-top: 1px solid var(--Stroke);
286
+ }
383
287
  }
384
288
  }
385
289
 
@@ -412,46 +316,7 @@
412
316
  }
413
317
  }
414
318
 
415
- label {
416
- font-size: 14px;
417
- margin-bottom: 8px;
418
- display: block;
419
-
420
- &.gray {
421
- color: var(--Secondary);
422
- }
423
- }
424
-
425
319
  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
320
  &.balls {
456
321
  position: relative;
457
322
  padding-left: 24px;
@@ -489,11 +354,6 @@
489
354
  }
490
355
  }
491
356
 
492
- .line {
493
- border-bottom: 1px solid var(--Stroke);
494
- margin-bottom: 16px;
495
- }
496
-
497
357
  .file {
498
358
  display: flex;
499
359
  align-items: center;
@@ -524,11 +384,40 @@
524
384
  }
525
385
  }
526
386
 
527
- .in-border {
528
- border-top: 1px solid var(--Stroke);
529
- border-bottom: 1px solid var(--Stroke);
530
- padding: 12px 0;
531
- margin-bottom: 10px;
387
+ .select {
388
+ &__body {
389
+ position: absolute;
390
+ width: 100%;
391
+ top: calc(~'100% + 5px');
392
+ left: 0;
393
+ background: #fff;
394
+ box-shadow: 0px 8px 16px rgba(59, 67, 87, 0.0978475),
395
+ 0px 0px 1px rgba(10, 31, 68, 0.08);
396
+ border-radius: 4px;
397
+ z-index: 3;
398
+
399
+ &_item {
400
+ min-height: 40px;
401
+ padding: 5px 10px;
402
+ color: #000;
403
+ display: flex;
404
+ align-items: center;
405
+ border-bottom: 1px solid var(--Stroke);
406
+ cursor: pointer;
407
+
408
+ &:last-child {
409
+ border-bottom: none;
410
+ }
411
+ }
412
+ }
413
+ }
414
+
415
+ .border-bottom{
416
+ border-bottom: 1px solid var(--Bg1);
417
+ }
418
+
419
+ .border-top{
420
+ border-top: 1px solid var(--Bg1);
532
421
  }
533
422
  }
534
423
 
@@ -537,7 +426,6 @@
537
426
  top: 0;
538
427
  right: 0;
539
428
  height: 100vh;
540
- padding: 16px 24px;
541
429
  max-width: 600px;
542
430
  width: 100%;
543
431
  overflow-y: auto;
@@ -548,87 +436,6 @@
548
436
  transform: translateX(100%);
549
437
  box-shadow: -4px 0px 10px rgba(57, 52, 66, 0.15);
550
438
 
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
439
  &-visible {
633
440
  overflow: hidden;
634
441
 
@@ -1,4 +1,4 @@
1
- body.page-wrapper {
1
+ .page-wrapper {
2
2
  .myrtex-ui-link {
3
3
  font-family: 'PT Sans', sans-serif;
4
4
  font-style: normal;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1128",
2
+ "version": "2.0.1131",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",