ros.grant.common 2.0.1049 → 2.0.1053

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 (8) hide show
  1. package/Shared/Styles/Base/Grid.less +4 -4
  2. package/Shared/Styles/Layout/Card/Card.less +14 -5
  3. package/Shared/Styles/Layout/DashboardLayout/Content.less +335 -318
  4. package/Shared/Styles/Layout/DashboardLayout/Sidebar.less +3 -4
  5. package/Shared/Styles/Modules/Modals/Modal.less +1 -1
  6. package/Shared/Styles/Modules/Table/custom-table.less +0 -2
  7. package/Shared/Styles/ThemeVariables.less +2 -2
  8. package/package.json +1 -1
package/Shared/Styles/Base/Grid.less CHANGED
@@ -129,19 +129,19 @@ html {
129
129
  .generate-classpx();
130
130
 
131
131
  .text-center {
132
- text-align: center;
132
+ text-align: center !important;
133
133
  }
134
134
 
135
135
  .text-left {
136
- text-align: left;
136
+ text-align: left !important;
137
137
  }
138
138
 
139
139
  .text-right {
140
- text-align: right;
140
+ text-align: right !important;
141
141
  }
142
142
 
143
143
  .text-justify {
144
- text-align: justify;
144
+ text-align: justify !important;
145
145
  }
146
146
 
147
147
  .text-nowrap {
package/Shared/Styles/Layout/Card/Card.less CHANGED
@@ -4,8 +4,8 @@
4
4
  box-shadow: var(--main_shadow);
5
5
  border-radius: 4px;
6
6
  padding: 24px;
7
- max-width: 1575px;
8
- margin: 0 auto;
7
+ max-width: 1096px;
8
+ // margin: 0 auto;
9
9
  margin-bottom: 20px;
10
10
  height: calc(~'100% - 20px');
11
11
  display: block;
@@ -339,7 +339,7 @@
339
339
  padding-bottom: 0;
340
340
  margin: 0 -24px;
341
341
  margin-top: -30px;
342
- margin-bottom: 12px;
342
+ margin-bottom: 24px;
343
343
  border-radius: 0px;
344
344
  min-height: 64px;
345
345
  max-width: initial;
@@ -347,13 +347,13 @@
347
347
  @media (max-width: 991px) {
348
348
  margin: 0 -20px;
349
349
  margin-top: -24px;
350
- margin-bottom: 12px;
350
+ margin-bottom: 24px;
351
351
  }
352
352
 
353
353
  @media (max-width: 768px) {
354
354
  margin: 0 -16px;
355
355
  margin-top: -24px;
356
- margin-bottom: 12px;
356
+ margin-bottom: 24px;
357
357
  }
358
358
 
359
359
  p {
@@ -366,6 +366,15 @@
366
366
  .btn {
367
367
  margin-bottom: 10px;
368
368
  }
369
+
370
+ .container {
371
+ max-width: 1096px;
372
+ display: flex;
373
+ align-items: center;
374
+ justify-content: space-between;
375
+ margin: initial;
376
+ padding: 0;
377
+ }
369
378
  }
370
379
 
371
380
  &.open {
package/Shared/Styles/Layout/DashboardLayout/Content.less CHANGED
@@ -1,320 +1,337 @@
1
1
  .page-container {
2
- display: flex;
3
- min-height: 100vh;
4
-
5
- .page-content {
6
- min-height: 60px;
7
- vertical-align: bottom;
8
- width: calc(~"100% - 280px");
9
- margin-left: auto;
10
-
11
- @media (max-width:991px) {
12
- width: 100%;
13
- }
14
-
15
- .page-header {
16
- background: #fff;
17
- box-shadow: 0px 4px 10px rgba(57, 52, 66, 0.15);
18
- border-bottom: 1px solid var(--Stroke);
19
- height: 60px;
20
- position: fixed;
21
- width: 100%;
22
- top: 0;
23
- left: 0;
24
- z-index: 10;
25
- display: flex;
26
- justify-content: space-between;
27
- align-items: center;
28
-
29
- .navbar {
30
- padding: 12px 30px;
31
-
32
- .user {
33
- display: flex;
34
- align-items: center;
35
- position: relative;
36
-
37
- .auth-nav-menu {
38
- position: absolute;
39
- right: 0;
40
- top: 40px;
41
- z-index: 100;
42
- background: #fff;
43
- box-shadow: 0px 4px 10px rgba(57, 52, 66, 0.15);
44
- border-radius: 4px;
45
- display: block !important;
46
- width: 215px;
47
- visibility: hidden;
48
- opacity: 0;
49
- transition: visibility 0.1s linear, opacity 0.1s linear;
50
-
51
- &__item {
52
-
53
- .nav-menu-text-link {
54
- padding: 15px 17px;
55
- display: flex;
56
- align-items: center;
57
- color: var(--Main1);
58
- font-size: 14px;
59
- line-height: 20px;
60
- transition: 0.2s;
61
- border-bottom: 1px solid var(--Stroke);
62
-
63
- &:hover {
64
- background: var(--Bg2);
65
- color: var(--Subsidiary);
66
- text-decoration: none;
67
- }
68
- }
69
-
70
- &:last-child {
71
- .nav-menu-text-link {
72
- border-bottom: none;
73
- }
74
- }
75
- }
76
- }
77
-
78
- &:hover {
79
- .auth-nav-menu {
80
- visibility: visible;
81
- opacity: 1;
82
- }
83
- }
84
-
85
- .info {
86
- display: flex;
87
- flex-direction: column;
88
- margin-right: 20px;
89
-
90
- span {
91
- text-align: right;
92
- }
93
-
94
- .name {
95
- font-size: 12px;
96
- line-height: 16px;
97
- color: #8F859F;
98
- }
99
-
100
- .select-profile {
101
- line-height: 19px;
102
- }
103
-
104
- @media (max-width:991px) {
105
- display: none;
106
- }
107
- }
108
-
109
- img {
110
- width: 37px;
111
- height: 37px;
112
- object-fit: cover;
113
- border-radius: 100%;
114
- border: 1px solid var(--Stroke);
115
- }
116
- }
117
- }
118
-
119
- .logo {
120
- display: flex;
121
- align-items: center;
122
- height: 60px;
123
- padding-left: 40px;
124
- width: 280px;
125
- box-shadow: 4px 0px 10px rgba(57, 52, 66, 0.15);
126
-
127
- .logo-img {
128
- height: 100%;
129
- display: flex;
130
- align-items: center;
131
- }
132
-
133
- .desktop-logo {
134
- width: 155px;
135
- height: 80%;
136
- }
137
-
138
- img {
139
- display: block;
140
- }
141
-
142
- @media (max-width:991px) {
143
- box-shadow: none;
144
- padding-left: 0;
145
- width: auto;
146
- }
147
- }
148
-
149
- .burger {
150
- width: 24px;
151
- height: 24px;
152
- position: relative;
153
- overflow: hidden;
154
- margin-left: 24px;
155
- margin-right: 24px;
156
-
157
- input {
158
- display: none;
159
- }
160
-
161
- input:checked~label {
162
- transform: rotate(90deg);
163
-
164
- .bar-1 {
165
- top: 10px;
166
- transform: rotate(45deg);
167
- }
168
-
169
- .bar-2 {
170
- left: 100%;
171
- }
172
-
173
- .bar-3 {
174
- top: 10px;
175
- transform: rotate(-45deg);
176
- }
177
- }
178
-
179
- label {
180
- width: 24px;
181
- height: 24px;
182
- display: block;
183
- transition: all .35s;
184
- cursor: pointer;
185
-
186
- &:before {
187
- display: none !important;
188
- }
189
- }
190
-
191
- .bar {
192
- width: 100%;
193
- height: 2px;
194
- display: block;
195
- position: absolute;
196
- left: 0;
197
- background: #393442;
198
- border-radius: 10px;
199
- transition: all .35s;
200
- pointer-events: none;
201
-
202
- &-1 {
203
- top: 6px;
204
- }
205
-
206
- &-2 {
207
- top: 12px;
208
- }
209
-
210
- &-3 {
211
- top: 18px;
212
- }
213
- }
214
- }
215
-
216
- #sidebar-toggle-button {
217
- display: none;
218
-
219
- @media (max-width:991px) {
220
- display: block;
221
- }
222
- }
223
- }
224
-
225
- .page-inner {
226
- background: var(--Bg1);
227
- width: 100%;
228
- min-height: 100%;
229
- position: relative;
230
- padding: 30px 24px;
231
- margin-top: 60px;
232
-
233
- @media (max-width: 991px) {
234
- padding: 24px 20px;
235
- }
236
-
237
- @media (max-width: 768px) {
238
- padding: 24px 10px;
239
- }
240
-
241
- &__header {
242
- display: flex;
243
- align-items: center;
244
- justify-content: space-between;
245
- flex-wrap: wrap;
246
- max-width: 1575px;
247
- margin: 0 auto;
248
- margin-bottom: 8px;
249
-
250
- h1 {
251
- font-weight: bold;
252
- font-size: 24px;
253
- line-height: 32px;
254
- margin-bottom: 8px;
255
- margin-top: 0;
256
- padding: 0;
257
- line-height: 1;
258
- }
259
-
260
- .breadcrumbs {
261
- padding: 0;
262
- }
263
- }
264
-
265
- .toggle-component {
266
- background: #fff;
267
- box-shadow: 0px 2px 6px rgba(57, 52, 66, 0.05);
268
- border-radius: 4px;
269
- height: 48px;
270
- display: flex;
271
- align-items: center;
272
- color: #8F859F;
273
- font-size: 16px;
274
-
275
- &__item {
276
- display: flex;
277
- align-items: center;
278
- justify-content: center;
279
- text-align: center;
280
- padding: 0 20px;
281
- height: 38px;
282
-
283
- svg {
284
- margin-right: 12px;
285
- }
286
-
287
- &:first-child {
288
- border-right: 1px solid var(--Stroke);
289
- }
290
- }
291
-
292
- &.tabs {
293
- color: inherit;
294
-
295
- .toggle-component__item {
296
- height: 100%;
297
- border: none;
298
- font-weight: 600;
299
- border: 1px solid transparent;
300
- transition: 0.5s;
301
- cursor: pointer;
302
-
303
- &.active {
304
- border: 1px solid var(--Main2);
305
- color: var(--Main2);
306
- }
307
-
308
- &:first-child {
309
- border-radius: 4px 0px 0px 4px;
310
- }
311
-
312
- &:last-child {
313
- border-radius: 0px 4px 4px 0px;
314
- }
315
- }
316
- }
317
- }
318
- }
319
- }
2
+ display: flex;
3
+ min-height: 100vh;
4
+
5
+ .page-content {
6
+ min-height: 72px;
7
+ vertical-align: bottom;
8
+ width: calc(~"100% - 280px");
9
+ margin-left: auto;
10
+
11
+ @media (max-width:991px) {
12
+ width: 100%;
13
+ }
14
+
15
+ .page-header {
16
+ background: #fff;
17
+ box-shadow: 0px 4px 10px rgba(57, 52, 66, 0.15);
18
+ border-bottom: 1px solid var(--Stroke);
19
+ height: 72px;
20
+ position: fixed;
21
+ width: 100%;
22
+ top: 0;
23
+ left: 0;
24
+ z-index: 10;
25
+ display: flex;
26
+ justify-content: space-between;
27
+ align-items: center;
28
+
29
+ .navbar {
30
+ padding: 12px 30px;
31
+
32
+ .user {
33
+ display: flex;
34
+ align-items: center;
35
+ position: relative;
36
+
37
+ .auth-nav-menu {
38
+ position: absolute;
39
+ right: 0;
40
+ top: 40px;
41
+ z-index: 100;
42
+ background: #fff;
43
+ box-shadow: 0px 4px 10px rgba(57, 52, 66, 0.15);
44
+ border-radius: 4px;
45
+ display: block !important;
46
+ width: 215px;
47
+ visibility: hidden;
48
+ opacity: 0;
49
+ transition: visibility 0.1s linear, opacity 0.1s linear;
50
+
51
+ &__item {
52
+
53
+ .nav-menu-text-link {
54
+ padding: 15px 17px;
55
+ display: flex;
56
+ align-items: center;
57
+ color: var(--Main1);
58
+ font-size: 14px;
59
+ line-height: 20px;
60
+ transition: 0.2s;
61
+ border-bottom: 1px solid var(--Stroke);
62
+
63
+ &:hover {
64
+ background: var(--Bg2);
65
+ color: var(--Subsidiary);
66
+ text-decoration: none;
67
+ }
68
+ }
69
+
70
+ &:last-child {
71
+ .nav-menu-text-link {
72
+ border-bottom: none;
73
+ }
74
+ }
75
+ }
76
+ }
77
+
78
+ &:hover {
79
+ .auth-nav-menu {
80
+ visibility: visible;
81
+ opacity: 1;
82
+ }
83
+ }
84
+
85
+ .info {
86
+ display: flex;
87
+ flex-direction: column;
88
+ margin-right: 20px;
89
+
90
+ span {
91
+ text-align: right;
92
+ }
93
+
94
+ .name {
95
+ font-size: 12px;
96
+ line-height: 16px;
97
+ color: #8F859F;
98
+ }
99
+
100
+ .select-profile {
101
+ line-height: 19px;
102
+ }
103
+
104
+ @media (max-width:991px) {
105
+ display: none;
106
+ }
107
+ }
108
+
109
+ img {
110
+ width: 37px;
111
+ height: 37px;
112
+ object-fit: cover;
113
+ border-radius: 100%;
114
+ border: 1px solid var(--Stroke);
115
+ }
116
+ }
117
+ }
118
+
119
+ .logo {
120
+ display: flex;
121
+ align-items: center;
122
+ height: 72px;
123
+ padding-left: 24px;
124
+
125
+ .logo-img {
126
+ height: 100%;
127
+ display: flex;
128
+ align-items: center;
129
+ padding: 4px 0;
130
+ }
131
+
132
+ .desktop-logo {
133
+ max-height: 70px;
134
+ }
135
+
136
+ img {
137
+ display: block;
138
+ }
139
+
140
+ @media (max-width:991px) {
141
+ box-shadow: none;
142
+ padding-left: 0;
143
+ width: auto;
144
+ }
145
+ }
146
+
147
+ .burger {
148
+ width: 24px;
149
+ height: 24px;
150
+ position: relative;
151
+ overflow: hidden;
152
+ margin-left: 24px;
153
+ margin-right: 24px;
154
+
155
+ input {
156
+ display: none;
157
+ }
158
+
159
+ input:checked~label {
160
+ transform: rotate(90deg);
161
+
162
+ .bar-1 {
163
+ top: 10px;
164
+ transform: rotate(45deg);
165
+ }
166
+
167
+ .bar-2 {
168
+ left: 100%;
169
+ }
170
+
171
+ .bar-3 {
172
+ top: 10px;
173
+ transform: rotate(-45deg);
174
+ }
175
+ }
176
+
177
+ label {
178
+ width: 24px;
179
+ height: 24px;
180
+ display: block;
181
+ transition: all .35s;
182
+ cursor: pointer;
183
+
184
+ &:before {
185
+ display: none !important;
186
+ }
187
+ }
188
+
189
+ .bar {
190
+ width: 100%;
191
+ height: 2px;
192
+ display: block;
193
+ position: absolute;
194
+ left: 0;
195
+ background: #393442;
196
+ border-radius: 10px;
197
+ transition: all .35s;
198
+ pointer-events: none;
199
+
200
+ &-1 {
201
+ top: 6px;
202
+ }
203
+
204
+ &-2 {
205
+ top: 12px;
206
+ }
207
+
208
+ &-3 {
209
+ top: 18px;
210
+ }
211
+ }
212
+ }
213
+
214
+ #sidebar-toggle-button {
215
+ display: none;
216
+
217
+ @media (max-width:991px) {
218
+ display: block;
219
+ }
220
+ }
221
+ }
222
+
223
+ .page-inner {
224
+ background: var(--Bg1);
225
+ width: 100%;
226
+ min-height: 100%;
227
+ position: relative;
228
+ padding: 30px 24px;
229
+ margin-top: 72px;
230
+
231
+ @media (max-width: 991px) {
232
+ padding: 24px 20px;
233
+ }
234
+
235
+ @media (max-width: 768px) {
236
+ padding: 24px 10px;
237
+ }
238
+
239
+ &__header {
240
+ display: flex;
241
+ align-items: center;
242
+ justify-content: space-between;
243
+ flex-wrap: wrap;
244
+ max-width: 1096px;
245
+ // margin: 0 auto;
246
+ margin-bottom: 8px;
247
+
248
+ h1 {
249
+ font-weight: bold;
250
+ font-size: 24px;
251
+ line-height: 32px;
252
+ margin-bottom: 8px;
253
+ margin-top: 0;
254
+ padding: 0;
255
+ line-height: 1;
256
+ }
257
+
258
+ .breadcrumbs {
259
+ padding: 0;
260
+ }
261
+ }
262
+
263
+ .toggle-component {
264
+ background: #fff;
265
+ box-shadow: 0px 2px 6px rgba(57, 52, 66, 0.05);
266
+ border-radius: 4px;
267
+ height: 48px;
268
+ display: flex;
269
+ align-items: center;
270
+ color: #8F859F;
271
+ font-size: 16px;
272
+
273
+ &__item {
274
+ display: flex;
275
+ align-items: center;
276
+ justify-content: center;
277
+ text-align: center;
278
+ padding: 0 20px;
279
+ height: 38px;
280
+
281
+ svg {
282
+ margin-right: 12px;
283
+ }
284
+
285
+ &:first-child {
286
+ border-right: 1px solid var(--Stroke);
287
+ }
288
+ }
289
+
290
+ &.tabs {
291
+ color: inherit;
292
+
293
+ .toggle-component__item {
294
+ height: 100%;
295
+ border: none;
296
+ font-weight: 600;
297
+ border: 1px solid transparent;
298
+ transition: 0.5s;
299
+ cursor: pointer;
300
+
301
+ &.active {
302
+ border: 1px solid var(--Main2);
303
+ color: var(--Main2);
304
+ }
305
+
306
+ &:first-child {
307
+ border-radius: 4px 0px 0px 4px;
308
+ }
309
+
310
+ &:last-child {
311
+ border-radius: 0px 4px 4px 0px;
312
+ }
313
+ }
314
+ }
315
+ }
316
+ }
317
+ }
318
+ }
319
+
320
+ @media (min-width: 1704px) {
321
+ .page-container .page-content {
322
+ width: 100%;
323
+ }
324
+
325
+ .page-container .page-content .page-inner__header,
326
+ .page-container .card {
327
+ margin-left: auto;
328
+ margin-right: auto;
329
+ }
330
+
331
+ .page-container .card.info-baner{
332
+ padding-left: 0;
333
+ padding-right: 0;
334
+ justify-content: center;
335
+ margin-left: auto;
336
+ }
320
337
  }
package/Shared/Styles/Layout/DashboardLayout/Sidebar.less CHANGED
@@ -2,12 +2,12 @@
2
2
  width: 280px;
3
3
  position: fixed;
4
4
  background: #fff;
5
- top: 60px;
5
+ top: 72px;
6
6
  bottom: 0;
7
7
  z-index: 100;
8
8
  height: 100% !important;
9
9
  transition: all 0.2s ease-in-out;
10
- z-index: 4;
10
+ z-index: 11;
11
11
 
12
12
  @media (max-width: 991px) {
13
13
  left: -100%;
@@ -23,7 +23,7 @@
23
23
  width: 250px !important;
24
24
  left: -264px;
25
25
  transition: all 0.2s ease-in-out;
26
- top: 61px;
26
+ top: 73px;
27
27
  bottom: 60px;
28
28
  z-index: 2;
29
29
  background: #fff;
@@ -71,7 +71,6 @@
71
71
  position: relative;
72
72
  cursor: pointer;
73
73
  border-left: 4px solid transparent;
74
- border-bottom: 1px solid var(--Bg2);
75
74
  transition: 0.2s;
76
75
 
77
76
  *{
package/Shared/Styles/Modules/Modals/Modal.less CHANGED
@@ -542,7 +542,7 @@
542
542
  //Дубль стилей для Angular
543
543
  &-content {
544
544
  width: calc(100vw - 20px);
545
-
545
+
546
546
  &.sm {
547
547
  max-width: 440px;
548
548
  /* Ширина модального окна */
package/Shared/Styles/Modules/Table/custom-table.less CHANGED
@@ -92,8 +92,6 @@
92
92
  table {
93
93
  width: 100%;
94
94
  text-align: left;
95
- min-width: 1000px;
96
- margin-bottom: 1rem;
97
95
  background-color: transparent;
98
96
  border-spacing: 0;
99
97
 
package/Shared/Styles/ThemeVariables.less CHANGED
@@ -22,7 +22,7 @@
22
22
  --Main1: #2C2C2C; // - заголовки,текст,иконки,стрелки
23
23
  --Main2: #358FE2; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
24
24
  --Subsidiary: #2C659A; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
25
- --Secondary: #DAD5CE; // - подписи инпутов, название неактивных кнопок
25
+ --Secondary: #9DA1AB; // - подписи инпутов, название неактивных кнопок
26
26
  --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
27
27
  --Bg2: #F1F6F8; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
28
28
  --Stroke: #DAD5CE;
@@ -134,7 +134,7 @@
134
134
  .BlueTheme {
135
135
  --Main2: #358FE2;
136
136
  --Subsidiary: #2C659A;
137
- --Secondary: #DAD5CE;
137
+ --Secondary: #9DA1AB;
138
138
 
139
139
  --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
140
140
 
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1049",
2
+ "version": "2.0.1053",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",