ros.grant.common 2.0.1325 → 2.0.1328

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.
Files changed (11) hide show
  1. package/Shared/Styles/Layout/Footer/FooterMinfin.less +13 -9
  2. package/Shared/Styles/Layout/Header/HeaderMinfin.less +18 -6
  3. package/Shared/Styles/myrtex-lib/datepicker/datepicker-error.less +29 -0
  4. package/Shared/Styles/myrtex-lib/datepicker/datepicker.less +5 -0
  5. package/Shared/Styles/myrtex-lib/editor/editor-error.less +4 -2
  6. package/Shared/Styles/myrtex-lib/input-text/input-error.less +29 -0
  7. package/Shared/Styles/myrtex-lib/{input → input-text}/input-sizes.less +4 -4
  8. package/Shared/Styles/myrtex-lib/{input → input-text}/input.less +5 -1
  9. package/Shared/Styles/myrtex-lib/select/select-error.less +29 -0
  10. package/Shared/Styles/myrtex-lib/select/select.less +3 -0
  11. package/package.json +2 -2
package/Shared/Styles/Layout/Footer/FooterMinfin.less CHANGED
@@ -1,6 +1,6 @@
1
1
  .footer-minfin {
2
2
  padding: 24px 0;
3
- background: #0090D4;
3
+ background: var(--Main2);
4
4
  color: #fff;
5
5
 
6
6
  & * {
@@ -19,14 +19,16 @@
19
19
 
20
20
  // footer-description
21
21
  &-description {
22
- max-width: 100%;
23
- margin-right: 64px;
22
+ width: 100%;
23
+ max-width: 856px;
24
+ margin-right: 32px;
24
25
  display: flex;
25
26
  flex-direction: column;
26
27
  align-items: flex-start;
27
28
 
28
29
  @media (max-width: 1200px) {
29
- margin-bottom: 24px;
30
+ margin-bottom: 16px;
31
+ margin-right: 0;
30
32
  }
31
33
 
32
34
  // footer-description-logo
@@ -44,8 +46,8 @@
44
46
  &-text {
45
47
  font-size: 14px;
46
48
  line-height: 140%;
47
- margin-bottom: 44px;
48
- max-width: 736px;
49
+ margin-bottom: 32px;
50
+ width: 100%;
49
51
  color: #fff;
50
52
 
51
53
  @media (max-width: 1200px) {
@@ -83,14 +85,15 @@
83
85
 
84
86
  // footer-description-copyright svg
85
87
  svg {
86
- margin-right: 4px;
88
+ margin-right: 8px;
87
89
  }
88
90
 
89
91
  &_mobile {
90
92
  display: none;
91
93
 
92
94
  @media (max-width: 1200px) {
93
- display: block;
95
+ display: flex;
96
+ align-items: flex-end;
94
97
  order: 2;
95
98
  }
96
99
  }
@@ -106,7 +109,8 @@
106
109
  max-width: 340px;
107
110
 
108
111
  @media (max-width: 1200px) {
109
- max-width: 100%;
112
+ max-width: 856px;
113
+ width: 100%;
110
114
  }
111
115
 
112
116
  // footer-info-socials
package/Shared/Styles/Layout/Header/HeaderMinfin.less CHANGED
@@ -1,10 +1,19 @@
1
1
  .page-wrapper {
2
2
  .header-minfin {
3
- padding: 16px 0;
3
+ padding-top: 16px;
4
4
  color: #fff;
5
5
  background: transparent;
6
6
  z-index: 6;
7
7
  position: relative;
8
+ background: var(--Main2);
9
+
10
+ @media (max-width: 768px) {
11
+ padding-top: 8px;
12
+ }
13
+
14
+ &.transparent-header {
15
+ background: transparent;
16
+ }
8
17
 
9
18
  &.header_wide {
10
19
  padding:16px;
@@ -60,9 +69,9 @@
60
69
  .header-minfin-nav {
61
70
  position: absolute;
62
71
  left: 0;
63
- top: 126px;
72
+ top: 0;
64
73
  width: 100vw;
65
- height: calc(650px - 126px);
74
+ height: 100vh;
66
75
  z-index: -1;
67
76
  transform: translateY(-100%);
68
77
  transition: .2s;
@@ -124,6 +133,7 @@
124
133
  align-items: center;
125
134
  justify-content: center;
126
135
  cursor: pointer;
136
+ z-index: 11;
127
137
 
128
138
  // header-minfin-burger_active
129
139
  &_active {
@@ -179,11 +189,12 @@
179
189
  display: flex;
180
190
  align-items: center;
181
191
  justify-content: space-between;
182
- margin-bottom: 22px;
192
+ margin-bottom: 24px;
183
193
  position: relative;
184
194
 
185
195
  @media (max-width: 768px) {
186
- margin-bottom: 16px;
196
+ margin-bottom: 12px;
197
+ padding-bottom: 8px;
187
198
  }
188
199
  }
189
200
 
@@ -195,7 +206,6 @@
195
206
  position: relative;
196
207
  margin-right: 32px;
197
208
  margin-left: auto;
198
- align-self: flex-end;
199
209
 
200
210
  .icon {
201
211
  display: flex;
@@ -314,6 +324,7 @@
314
324
  align-items: center;
315
325
  justify-content: flex-end;
316
326
  position: relative;
327
+ padding-bottom: 12px;
317
328
 
318
329
  .header-minfin-nav__phone {
319
330
  margin-left: unset;
@@ -488,6 +499,7 @@
488
499
  &-nav {
489
500
  display: flex;
490
501
  align-items: center;
502
+ padding: 16px 0;
491
503
 
492
504
  // header-minfin-nav__link
493
505
  &__link {
package/Shared/Styles/myrtex-lib/datepicker/datepicker-error.less ADDED
@@ -0,0 +1,29 @@
1
+ .mrx-input-datepicker {
2
+ .error-message {
3
+ margin-top: 4px;
4
+ font-weight: 400;
5
+ font-size: 12px;
6
+ line-height: 16px;
7
+ color: var(--Red)
8
+ }
9
+
10
+ &.mrx-input-error {
11
+ input {
12
+ border-color: var(--Red);
13
+ }
14
+ }
15
+
16
+ &.mrx-input-checked-error {
17
+ input {
18
+ border-color: var(--Red);
19
+ background-color: var(--Warning);
20
+ }
21
+ }
22
+
23
+ &.mrx-input-checked-success {
24
+ input {
25
+ background-color: var(--Good);
26
+ border: 1px solid #60A772;
27
+ }
28
+ }
29
+ }
package/Shared/Styles/myrtex-lib/datepicker/datepicker.less ADDED
@@ -0,0 +1,5 @@
1
+ .mrx-input-datepicker {
2
+ &__wrapper {
3
+ position: relative;
4
+ }
5
+ }
package/Shared/Styles/myrtex-lib/editor/editor-error.less CHANGED
@@ -1,5 +1,6 @@
1
1
  .mrx-editor {
2
2
  .error-message {
3
+ margin-top: 4px;
3
4
  font-weight: 400;
4
5
  font-size: 12px;
5
6
  line-height: 16px;
@@ -12,13 +13,14 @@
12
13
  }
13
14
  }
14
15
 
15
- &.mrx-pouring-error {
16
+ &.mrx-input-checked-error {
16
17
  .ck.ck-editor__main>.ck-editor__editable {
18
+ border-color: var(--Red);
17
19
  background-color: var(--Warning);
18
20
  }
19
21
  }
20
22
 
21
- &.mrx-pouring-success {
23
+ &.mrx-input-checked-success {
22
24
  .ck.ck-editor__main>.ck-editor__editable {
23
25
  background-color: var(--Good);
24
26
  border: 1px solid #60A772;
package/Shared/Styles/myrtex-lib/input-text/input-error.less ADDED
@@ -0,0 +1,29 @@
1
+ .mrx-input-text {
2
+ .error-message {
3
+ margin-top: 4px;
4
+ font-weight: 400;
5
+ font-size: 12px;
6
+ line-height: 16px;
7
+ color: var(--Red)
8
+ }
9
+
10
+ &.mrx-input-error {
11
+ input {
12
+ border-color: var(--Red);
13
+ }
14
+ }
15
+
16
+ &.mrx-input-checked-error {
17
+ input {
18
+ border-color: var(--Red);
19
+ background-color: var(--Warning);
20
+ }
21
+ }
22
+
23
+ &.mrx-input-checked-success {
24
+ input {
25
+ background-color: var(--Good);
26
+ border: 1px solid #60A772;
27
+ }
28
+ }
29
+ }
package/Shared/Styles/myrtex-lib/{input → input-text}/input-sizes.less RENAMED
@@ -1,5 +1,5 @@
1
- .mrx-input {
2
- &.mrx-input-lg {
1
+ .mrx-input-text {
2
+ &.mrx-input-text-lg {
3
3
  input {
4
4
  font-weight: 400;
5
5
  font-size: 14px;
@@ -9,7 +9,7 @@
9
9
  }
10
10
  }
11
11
 
12
- &.mrx-input-md {
12
+ &.mrx-input-text-md {
13
13
  input {
14
14
  font-weight: 400;
15
15
  font-size: 14px;
@@ -19,7 +19,7 @@
19
19
  }
20
20
  }
21
21
 
22
- &.mrx-input-sm {
22
+ &.mrx-input-text-sm {
23
23
  input {
24
24
  font-weight: 400;
25
25
  font-size: 12px;
package/Shared/Styles/myrtex-lib/{input → input-text}/input.less RENAMED
@@ -1,7 +1,11 @@
1
- .mrx-input {
1
+ .mrx-input-text {
2
2
  width: 100%;
3
3
  position: relative;
4
4
 
5
+ &__wrapper {
6
+ position: relative;
7
+ }
8
+
5
9
  input {
6
10
  border: 1px solid var(--Stroke);
7
11
  width: 100%;
package/Shared/Styles/myrtex-lib/select/select-error.less ADDED
@@ -0,0 +1,29 @@
1
+ .mrx-input-select {
2
+ .error-message {
3
+ margin-top: 4px;
4
+ font-weight: 400;
5
+ font-size: 12px;
6
+ line-height: 16px;
7
+ color: var(--Red)
8
+ }
9
+
10
+ &.mrx-input-error {
11
+ .ng-select .ng-select-container {
12
+ border-color: var(--Red);
13
+ }
14
+ }
15
+
16
+ &.mrx-input-checked-error {
17
+ .ng-select .ng-select-container {
18
+ border-color: var(--Red);
19
+ background-color: var(--Warning);
20
+ }
21
+ }
22
+
23
+ &.mrx-input-checked-success {
24
+ .ng-select .ng-select-container {
25
+ background-color: var(--Good);
26
+ border: 1px solid #60A772;
27
+ }
28
+ }
29
+ }
package/Shared/Styles/myrtex-lib/select/select.less ADDED
@@ -0,0 +1,3 @@
1
+ .mrx-input-select {
2
+
3
+ }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1325",
2
+ "version": "2.0.1328",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "scripts": {
@@ -51,7 +51,7 @@
51
51
  "pickmeup": "^3.2.1",
52
52
  "rimraf": "^3.0.2",
53
53
  "ros.grant.telerik": "1.0.22",
54
- "ros.grant.webshared": "2.0.422",
54
+ "ros.grant.webshared": "2.0.423",
55
55
  "rxjs": "^6.5.4",
56
56
  "slick-carousel": "^1.8.1",
57
57
  "sticky-sidebar": "^3.3.1",