@pmidc/upyog-css 1.2.36-dev.1.2 → 1.2.36-dev.1.20
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.
- package/dist/index.css +14733 -8868
- package/dist/index.min.css +1 -1
- package/package.json +2 -3
- package/src/components/CardBasedOptions.scss +33 -31
- package/src/components/actionbar.scss +1 -1
- package/src/components/body.scss +3 -3
- package/src/components/buttons.scss +8 -8
- package/src/components/card.scss +4 -1
- package/src/components/filters.scss +283 -2
- package/src/components/newInbox.scss +382 -0
- package/src/components/table.scss +528 -42
- package/src/components/uploadcomponents.scss +1 -1
- package/src/index.scss +28 -11
- package/src/modules/BPA/index.scss +308 -7
- package/src/modules/TL/index.scss +29 -0
- package/src/pages/citizen/DocumentList.scss +19 -3
- package/src/pages/citizen/HomePageWrapper.scss +22 -17
- package/src/pages/employee/index.scss +62 -22
- package/src/pages/employee/login.scss +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
/* Table container for responsive behavior like .card */
|
|
3
2
|
.table-container {
|
|
4
3
|
max-width: 95vw;
|
|
@@ -9,19 +8,17 @@
|
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
.table {
|
|
12
|
-
background:
|
|
11
|
+
background: #ffffff;
|
|
13
12
|
width: 100%;
|
|
14
13
|
max-width: 95vw;
|
|
15
14
|
table-layout: auto;
|
|
16
|
-
border-radius:
|
|
17
|
-
border: 1px solid #
|
|
18
|
-
overflow
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
border-spacing: 0;
|
|
24
|
-
transition: box-shadow 0.3s ease;
|
|
15
|
+
border-radius: 16px;
|
|
16
|
+
border: 1px solid #e2e8f0;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
display: table;
|
|
19
|
+
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
|
|
20
|
+
border-collapse: collapse;
|
|
21
|
+
transition: box-shadow 0.2s ease;
|
|
25
22
|
margin-bottom: 15px;
|
|
26
23
|
}
|
|
27
24
|
|
|
@@ -34,38 +31,30 @@
|
|
|
34
31
|
}
|
|
35
32
|
|
|
36
33
|
.table:hover {
|
|
37
|
-
box-shadow: 0
|
|
34
|
+
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
|
|
38
35
|
}
|
|
39
36
|
|
|
40
37
|
.table thead {
|
|
41
|
-
background:
|
|
42
|
-
|
|
43
|
-
top: 0;
|
|
44
|
-
z-index: 10;
|
|
38
|
+
background: #f8fafc;
|
|
39
|
+
border-bottom: 1px solid #e2e8f0;
|
|
45
40
|
}
|
|
46
41
|
|
|
47
42
|
.table thead th {
|
|
48
|
-
padding:
|
|
49
|
-
font-weight:
|
|
43
|
+
padding: 14px 20px;
|
|
44
|
+
font-weight: 700;
|
|
50
45
|
vertical-align: middle;
|
|
51
46
|
text-align: left;
|
|
52
|
-
color: #
|
|
53
|
-
font-size:
|
|
47
|
+
color: #6b7280;
|
|
48
|
+
font-size: 12px;
|
|
54
49
|
white-space: nowrap;
|
|
55
50
|
text-transform: uppercase;
|
|
56
|
-
letter-spacing: 0.
|
|
57
|
-
border-bottom:
|
|
51
|
+
letter-spacing: 0.08em;
|
|
52
|
+
border-bottom: 1px solid #e2e8f0;
|
|
58
53
|
position: relative;
|
|
59
54
|
}
|
|
60
55
|
|
|
61
56
|
.table thead th::after {
|
|
62
|
-
content:
|
|
63
|
-
position: absolute;
|
|
64
|
-
bottom: 0;
|
|
65
|
-
left: 0;
|
|
66
|
-
right: 0;
|
|
67
|
-
height: 2px;
|
|
68
|
-
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
|
57
|
+
content: none;
|
|
69
58
|
}
|
|
70
59
|
|
|
71
60
|
.table thead th:first-child {
|
|
@@ -77,20 +66,15 @@
|
|
|
77
66
|
}
|
|
78
67
|
|
|
79
68
|
.table tbody tr {
|
|
80
|
-
border-bottom: 1px solid #
|
|
81
|
-
transition:
|
|
82
|
-
position: relative;
|
|
69
|
+
border-bottom: 1px solid #eef2f7;
|
|
70
|
+
transition: background 0.2s ease;
|
|
83
71
|
}
|
|
84
72
|
|
|
85
|
-
|
|
86
|
-
|
|
87
73
|
.table tbody tr:hover {
|
|
88
|
-
background:
|
|
89
|
-
box-shadow:
|
|
74
|
+
background: #f8fafc;
|
|
75
|
+
box-shadow: none;
|
|
90
76
|
}
|
|
91
77
|
|
|
92
|
-
|
|
93
|
-
|
|
94
78
|
.table tbody tr:hover td {
|
|
95
79
|
color: #1e293b;
|
|
96
80
|
}
|
|
@@ -99,8 +83,8 @@
|
|
|
99
83
|
background: #ffffff;
|
|
100
84
|
}
|
|
101
85
|
|
|
102
|
-
|
|
103
|
-
background:
|
|
86
|
+
table tbody tr:nth-child(even) {
|
|
87
|
+
background: #ffffff;
|
|
104
88
|
}
|
|
105
89
|
|
|
106
90
|
.table tbody tr:last-child td {
|
|
@@ -109,10 +93,9 @@
|
|
|
109
93
|
|
|
110
94
|
.table tbody td {
|
|
111
95
|
padding: 16px 20px;
|
|
112
|
-
color: #
|
|
96
|
+
color: #334155;
|
|
113
97
|
vertical-align: middle;
|
|
114
98
|
font-size: 14px;
|
|
115
|
-
word-break: break-word;
|
|
116
99
|
transition: color 0.2s ease;
|
|
117
100
|
border-right: 1px solid transparent;
|
|
118
101
|
overflow: hidden;
|
|
@@ -123,6 +106,362 @@
|
|
|
123
106
|
border-right: none;
|
|
124
107
|
}
|
|
125
108
|
|
|
109
|
+
/* NDC-style inbox table look (scoped) */
|
|
110
|
+
.ndc-new-table {
|
|
111
|
+
background: #ffffff;
|
|
112
|
+
border: 1px solid #e2e8f0;
|
|
113
|
+
border-radius: 16px;
|
|
114
|
+
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
|
|
115
|
+
border-collapse: collapse;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.ndc-new-table thead {
|
|
119
|
+
background: #f8fafc;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.ndc-new-table thead th {
|
|
123
|
+
text-align: left;
|
|
124
|
+
font-size: 12px;
|
|
125
|
+
letter-spacing: 0.08em;
|
|
126
|
+
color: #6b7280;
|
|
127
|
+
padding: 14px 20px;
|
|
128
|
+
text-transform: uppercase;
|
|
129
|
+
border-bottom: 1px solid #e2e8f0;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.ndc-new-table tbody td {
|
|
133
|
+
padding: 16px 20px;
|
|
134
|
+
border-bottom: 1px solid #eef2f7;
|
|
135
|
+
font-size: 14px;
|
|
136
|
+
color: #334155;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.ndc-new-table tbody tr:hover {
|
|
140
|
+
background: #f8fafc;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.ndc-new-table .ndc-new-cell-secondary {
|
|
144
|
+
font-size: 12px;
|
|
145
|
+
color: #64748b;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* NDC table wrapper and header styles */
|
|
149
|
+
.ndc-new-table-wrapper {
|
|
150
|
+
display: block;
|
|
151
|
+
overflow-x: auto;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.ndc-new-table-card {
|
|
155
|
+
margin-top: 16px;
|
|
156
|
+
background: #ffffff;
|
|
157
|
+
border: 1px solid #e2e8f0;
|
|
158
|
+
border-radius: 16px;
|
|
159
|
+
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
|
|
160
|
+
overflow: hidden;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.ndc-new-table-header {
|
|
164
|
+
padding: 18px 20px;
|
|
165
|
+
font-size: 18px;
|
|
166
|
+
font-weight: 700;
|
|
167
|
+
border-bottom: 1px solid #e2e8f0;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/* NDC cell stack layout for multi-line cell content */
|
|
171
|
+
.ndc-new-cell-stack {
|
|
172
|
+
display: flex;
|
|
173
|
+
flex-direction: column;
|
|
174
|
+
gap: 4px;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.ndc-new-cell-primary {
|
|
178
|
+
font-weight: 600;
|
|
179
|
+
color: #1e293b;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.ndc-new-cell-secondary {
|
|
183
|
+
font-size: 12px;
|
|
184
|
+
color: #64748b;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
/* NDC status pill styles */
|
|
188
|
+
.ndc-new-status-pill {
|
|
189
|
+
display: inline-flex;
|
|
190
|
+
align-items: center;
|
|
191
|
+
justify-content: center;
|
|
192
|
+
padding: 4px 10px;
|
|
193
|
+
border-radius: 999px;
|
|
194
|
+
font-size: 12px;
|
|
195
|
+
font-weight: 600;
|
|
196
|
+
background: #e2e8f0;
|
|
197
|
+
color: #111827;
|
|
198
|
+
border: 1px solid transparent;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.ndc-new-status-pill.approved {
|
|
202
|
+
background: #f0fdf4;
|
|
203
|
+
color: #15803d;
|
|
204
|
+
border-color: #86efac;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.ndc-new-status-pill.rejected {
|
|
208
|
+
background: #fef2f2;
|
|
209
|
+
color: #b91c1c;
|
|
210
|
+
border-color: #fecaca;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.ndc-new-status-pill.forwarded {
|
|
214
|
+
background: #eff6ff;
|
|
215
|
+
color: #1d4ed8;
|
|
216
|
+
border-color: #bfdbfe;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.ndc-new-status-pill.in-progress {
|
|
220
|
+
background: #dbeafe;
|
|
221
|
+
color: #1d4ed8;
|
|
222
|
+
border-color: #93c5fd;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.ndc-new-status-pill.pending {
|
|
226
|
+
background: #ffedd5;
|
|
227
|
+
color: #c2410c;
|
|
228
|
+
border-color: #fdba74;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.ndc-new-status-pill.new {
|
|
232
|
+
background: #f3f4f6;
|
|
233
|
+
color: #111827;
|
|
234
|
+
border-color: #e5e7eb;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
/* NDC icon and action group styles */
|
|
238
|
+
.ndc-new-icon {
|
|
239
|
+
display: inline-flex;
|
|
240
|
+
align-items: center;
|
|
241
|
+
justify-content: center;
|
|
242
|
+
width: 28px;
|
|
243
|
+
height: 28px;
|
|
244
|
+
margin-left: 8px;
|
|
245
|
+
border-radius: 50%;
|
|
246
|
+
border: 1px solid #e5e7eb;
|
|
247
|
+
color: #94a3b8;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.ndc-new-action-group {
|
|
251
|
+
display: inline-flex;
|
|
252
|
+
align-items: center;
|
|
253
|
+
gap: 8px;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.ndc-new-icon-link {
|
|
257
|
+
text-decoration: none;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.ndc-new-app-link {
|
|
261
|
+
color: #2563eb;
|
|
262
|
+
text-decoration: none;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.ndc-new-app-link:hover {
|
|
266
|
+
text-decoration: underline;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/* NDC pagination styles */
|
|
270
|
+
.ndc-new-pagination {
|
|
271
|
+
display: flex;
|
|
272
|
+
align-items: center;
|
|
273
|
+
justify-content: flex-end;
|
|
274
|
+
gap: 12px;
|
|
275
|
+
padding: 12px 20px 18px;
|
|
276
|
+
border-top: 1px solid #eef2f7;
|
|
277
|
+
font-size: 12px;
|
|
278
|
+
color: #6b7280;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.ndc-new-pagination button {
|
|
282
|
+
border: 1px solid #e5e7eb;
|
|
283
|
+
background: #ffffff;
|
|
284
|
+
border-radius: 8px;
|
|
285
|
+
padding: 4px 8px;
|
|
286
|
+
cursor: pointer;
|
|
287
|
+
transition: all 0.2s ease;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.ndc-new-pagination button:hover {
|
|
291
|
+
background: #f1f5f9;
|
|
292
|
+
border-color: #cbd5e1;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.ndc-new-pagination button:disabled {
|
|
296
|
+
opacity: 0.5;
|
|
297
|
+
cursor: not-allowed;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.ndc-new-pagination select {
|
|
301
|
+
border: 1px solid #e5e7eb;
|
|
302
|
+
border-radius: 8px;
|
|
303
|
+
padding: 4px 8px;
|
|
304
|
+
background: #ffffff;
|
|
305
|
+
cursor: pointer;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.ndc-new-top-filters {
|
|
309
|
+
margin: 12px 0 16px;
|
|
310
|
+
background: #ffffff;
|
|
311
|
+
border: 1px solid #e2e8f0;
|
|
312
|
+
border-radius: 16px;
|
|
313
|
+
padding: 18px;
|
|
314
|
+
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
/* NDC tabs and topbar for inbox */
|
|
318
|
+
.ndc-new-table-topbar {
|
|
319
|
+
display: flex;
|
|
320
|
+
align-items: center;
|
|
321
|
+
justify-content: space-between;
|
|
322
|
+
gap: 16px;
|
|
323
|
+
padding: 16px;
|
|
324
|
+
border-radius: 16px;
|
|
325
|
+
border: 1px solid #e2e8f0;
|
|
326
|
+
background: #ffffff;
|
|
327
|
+
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.ndc-new-tabs {
|
|
331
|
+
display: flex;
|
|
332
|
+
gap: 8px;
|
|
333
|
+
flex-wrap: nowrap;
|
|
334
|
+
overflow-x: auto;
|
|
335
|
+
max-width: calc(100% - 280px);
|
|
336
|
+
padding-bottom: 4px;
|
|
337
|
+
scrollbar-width: none;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.ndc-new-tabs::-webkit-scrollbar {
|
|
341
|
+
width: 0;
|
|
342
|
+
height: 0;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.ndc-new-tab {
|
|
346
|
+
padding: 6px 10px;
|
|
347
|
+
border: 1px solid #e5e7eb;
|
|
348
|
+
background: #ffffff;
|
|
349
|
+
border-radius: 8px;
|
|
350
|
+
cursor: pointer;
|
|
351
|
+
font-size: 12px;
|
|
352
|
+
font-weight: 600;
|
|
353
|
+
color: #334155;
|
|
354
|
+
transition: all 0.2s ease;
|
|
355
|
+
white-space: nowrap;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.ndc-new-tab:hover {
|
|
359
|
+
border-color: #cbd5e1;
|
|
360
|
+
background: #f8fafc;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.ndc-new-tab.active {
|
|
364
|
+
background: #2563eb;
|
|
365
|
+
color: #ffffff;
|
|
366
|
+
border-color: #2563eb;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
.ndc-new-tab-count {
|
|
370
|
+
margin-left: 6px;
|
|
371
|
+
padding: 2px 6px;
|
|
372
|
+
border-radius: 999px;
|
|
373
|
+
background: #e2e8f0;
|
|
374
|
+
color: #475569;
|
|
375
|
+
font-size: 11px;
|
|
376
|
+
font-weight: 700;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.ndc-new-tab.active .ndc-new-tab-count {
|
|
380
|
+
background: rgba(255, 255, 255, 0.2);
|
|
381
|
+
color: #ffffff;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.ndc-new-search {
|
|
385
|
+
display: flex;
|
|
386
|
+
align-items: center;
|
|
387
|
+
gap: 8px;
|
|
388
|
+
padding: 6px 12px;
|
|
389
|
+
border: 1px solid #e5e7eb;
|
|
390
|
+
border-radius: 8px;
|
|
391
|
+
background: #ffffff;
|
|
392
|
+
min-width: 250px;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.ndc-new-search input {
|
|
396
|
+
border: none;
|
|
397
|
+
outline: none;
|
|
398
|
+
background: transparent;
|
|
399
|
+
width: 100%;
|
|
400
|
+
font-size: 12px;
|
|
401
|
+
color: #111827;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
.ndc-new-search input::placeholder {
|
|
405
|
+
color: #9ca3af;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
/* Mobile responsive styles for NDC table */
|
|
409
|
+
@media (max-width: 768px) {
|
|
410
|
+
.ndc-new-table-topbar {
|
|
411
|
+
flex-wrap: wrap;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.ndc-new-tabs {
|
|
415
|
+
max-width: 100%;
|
|
416
|
+
overflow-x: visible;
|
|
417
|
+
flex-wrap: wrap;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
.ndc-new-search {
|
|
421
|
+
width: 100%;
|
|
422
|
+
min-width: 0;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.ndc-new-table-header {
|
|
426
|
+
font-size: 16px;
|
|
427
|
+
padding: 14px 16px;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.ndc-new-table thead th,
|
|
431
|
+
.ndc-new-table tbody td {
|
|
432
|
+
padding: 12px 14px;
|
|
433
|
+
font-size: 12px;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.ndc-new-status-pill {
|
|
437
|
+
font-size: 11px;
|
|
438
|
+
padding: 3px 8px;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
.ndc-new-pagination {
|
|
442
|
+
flex-direction: column;
|
|
443
|
+
align-items: flex-start;
|
|
444
|
+
gap: 8px;
|
|
445
|
+
padding: 12px 16px;
|
|
446
|
+
}
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
/* Status row backgrounds for all services via data-status */
|
|
450
|
+
.table tbody tr[data-status*="pending"],
|
|
451
|
+
.customTable tbody tr[data-status*="pending"] {
|
|
452
|
+
background: #fff7ed;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.table tbody tr[data-status*="rejected"],
|
|
456
|
+
.customTable tbody tr[data-status*="rejected"] {
|
|
457
|
+
background: #fef2f2;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
.table tbody tr[data-status*="approved"],
|
|
461
|
+
.customTable tbody tr[data-status*="approved"] {
|
|
462
|
+
background: #f0fdf4;
|
|
463
|
+
}
|
|
464
|
+
|
|
126
465
|
/* Wrapper for horizontal scroll - prevents body from shrinking */
|
|
127
466
|
.dss-table-wrapper {
|
|
128
467
|
width: 100%;
|
|
@@ -382,3 +721,150 @@
|
|
|
382
721
|
border-bottom: none;
|
|
383
722
|
}
|
|
384
723
|
}
|
|
724
|
+
|
|
725
|
+
/* Mobile Card View for Tables - Applied via JS when on mobile */
|
|
726
|
+
.digit-table-mobile-wrapper {
|
|
727
|
+
display: flex;
|
|
728
|
+
flex-direction: column;
|
|
729
|
+
gap: 12px;
|
|
730
|
+
padding: 12px;
|
|
731
|
+
background: #f8fafc;
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
.digit-table-mobile-card {
|
|
735
|
+
background: #fff;
|
|
736
|
+
border: 1px solid #e5e7eb;
|
|
737
|
+
border-radius: 12px;
|
|
738
|
+
padding: 16px;
|
|
739
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
.digit-table-mobile-card-row {
|
|
743
|
+
display: flex;
|
|
744
|
+
flex-direction: column;
|
|
745
|
+
padding: 8px 0;
|
|
746
|
+
border-bottom: 1px solid #f1f5f9;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
.digit-table-mobile-card-row:last-child {
|
|
750
|
+
border-bottom: none;
|
|
751
|
+
padding-bottom: 0;
|
|
752
|
+
}
|
|
753
|
+
|
|
754
|
+
.digit-table-mobile-card-row:first-child {
|
|
755
|
+
padding-top: 0;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
.digit-table-mobile-card-label {
|
|
759
|
+
font-size: 11px;
|
|
760
|
+
font-weight: 600;
|
|
761
|
+
text-transform: uppercase;
|
|
762
|
+
letter-spacing: 0.05em;
|
|
763
|
+
color: #6b7280;
|
|
764
|
+
margin-bottom: 4px;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
.digit-table-mobile-card-value {
|
|
768
|
+
font-size: 14px;
|
|
769
|
+
font-weight: 500;
|
|
770
|
+
color: #111827;
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
.digit-table-mobile-card-value a {
|
|
774
|
+
color: #2563eb;
|
|
775
|
+
text-decoration: none;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
.digit-table-mobile-status-pill {
|
|
779
|
+
display: inline-flex;
|
|
780
|
+
padding: 4px 10px;
|
|
781
|
+
border-radius: 999px;
|
|
782
|
+
font-size: 12px;
|
|
783
|
+
font-weight: 600;
|
|
784
|
+
background: #e2e8f0;
|
|
785
|
+
color: #1e293b;
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
.digit-table-mobile-status-pill.approved {
|
|
789
|
+
background: #dcfce7;
|
|
790
|
+
color: #166534;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.digit-table-mobile-status-pill.rejected {
|
|
794
|
+
background: #fee2e2;
|
|
795
|
+
color: #b91c1c;
|
|
796
|
+
}
|
|
797
|
+
|
|
798
|
+
.digit-table-mobile-status-pill.forwarded {
|
|
799
|
+
background: #dbeafe;
|
|
800
|
+
color: #1d4ed8;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.digit-table-mobile-status-pill.in-progress {
|
|
804
|
+
background: #cbd5e1;
|
|
805
|
+
color: #1e293b;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
.digit-table-mobile-status-pill.pending {
|
|
809
|
+
background: #ffedd5;
|
|
810
|
+
color: #c2410c;
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
.digit-table-mobile-status-pill.new {
|
|
814
|
+
background: #e2e8f0;
|
|
815
|
+
color: #1e293b;
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
.digit-table-mobile-no-data {
|
|
819
|
+
text-align: center;
|
|
820
|
+
padding: 40px 20px;
|
|
821
|
+
color: #6b7280;
|
|
822
|
+
background: #fff;
|
|
823
|
+
border-radius: 12px;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.digit-table-mobile-pagination {
|
|
827
|
+
display: flex;
|
|
828
|
+
align-items: center;
|
|
829
|
+
justify-content: space-between;
|
|
830
|
+
padding: 12px;
|
|
831
|
+
background: #fff;
|
|
832
|
+
border-top: 1px solid #e5e7eb;
|
|
833
|
+
font-size: 13px;
|
|
834
|
+
flex-wrap: wrap;
|
|
835
|
+
gap: 8px;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
.digit-table-mobile-pagination select {
|
|
839
|
+
padding: 6px 8px;
|
|
840
|
+
border: 1px solid #e5e7eb;
|
|
841
|
+
border-radius: 6px;
|
|
842
|
+
font-size: 13px;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.digit-table-mobile-pagination .pagination-controls {
|
|
846
|
+
display: flex;
|
|
847
|
+
align-items: center;
|
|
848
|
+
gap: 8px;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
.digit-table-mobile-pagination .pagination-controls svg {
|
|
852
|
+
cursor: pointer;
|
|
853
|
+
width: 20px;
|
|
854
|
+
height: 20px;
|
|
855
|
+
}
|
|
856
|
+
|
|
857
|
+
.obps-documents-table th:nth-child(1),
|
|
858
|
+
.obps-documents-table td:nth-child(1) {
|
|
859
|
+
width: 8% !important;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
.obps-documents-table th:nth-child(2),
|
|
863
|
+
.obps-documents-table td:nth-child(2) {
|
|
864
|
+
width: 65% !important;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
.obps-documents-table th:nth-child(3),
|
|
868
|
+
.obps-documents-table td:nth-child(3) {
|
|
869
|
+
width: 28% !important;
|
|
870
|
+
}
|
package/src/index.scss
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/*@import 'normalize.css';*/
|
|
2
2
|
|
|
3
|
-
@import url("https://fonts.googleapis.com/css2?family=
|
|
4
|
-
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
|
|
5
|
-
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap");
|
|
6
|
-
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
|
|
3
|
+
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap");
|
|
7
4
|
|
|
8
5
|
@import "tailwindcss/base";
|
|
9
6
|
|
|
@@ -142,6 +139,7 @@
|
|
|
142
139
|
@import "./modules/BPA/index.scss";
|
|
143
140
|
@import "./pages/common/sitePhotoGraphs.scss";
|
|
144
141
|
@import "./modules/TL/index.scss";
|
|
142
|
+
@import "./components/newInbox.scss";
|
|
145
143
|
|
|
146
144
|
.display-none {
|
|
147
145
|
display: none;
|
|
@@ -1000,12 +998,12 @@
|
|
|
1000
998
|
}
|
|
1001
999
|
|
|
1002
1000
|
.options-card {
|
|
1003
|
-
max-height: 350px;
|
|
1004
|
-
overflow-y: auto;
|
|
1005
|
-
overflow-x: hidden;
|
|
1006
|
-
border: 1px solid #ccc;
|
|
1001
|
+
max-height: 350px;
|
|
1002
|
+
overflow-y: auto;
|
|
1003
|
+
overflow-x: hidden;
|
|
1004
|
+
border: 1px solid #ccc;
|
|
1007
1005
|
border-radius: 8px;
|
|
1008
|
-
background-color: #fff;
|
|
1006
|
+
background-color: #fff;
|
|
1009
1007
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
|
|
1010
1008
|
padding: 4px 0;
|
|
1011
1009
|
}
|
|
@@ -2401,6 +2399,25 @@ input[type="date"] {
|
|
|
2401
2399
|
width: 100%;
|
|
2402
2400
|
}
|
|
2403
2401
|
}
|
|
2404
|
-
.hrms-text-transform{
|
|
2402
|
+
.hrms-text-transform {
|
|
2405
2403
|
text-transform: none !important;
|
|
2406
|
-
}
|
|
2404
|
+
}
|
|
2405
|
+
|
|
2406
|
+
.noc-popupStyles {
|
|
2407
|
+
width: unset;
|
|
2408
|
+
min-width: 360px;
|
|
2409
|
+
max-width: 600px;
|
|
2410
|
+
padding: 20px;
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
.engagementForm {
|
|
2414
|
+
width: 70%;
|
|
2415
|
+
@media (max-width: 768px) {
|
|
2416
|
+
width: 100%;
|
|
2417
|
+
}
|
|
2418
|
+
}
|
|
2419
|
+
|
|
2420
|
+
.kibana-link {
|
|
2421
|
+
padding: 0 !important;
|
|
2422
|
+
margin: 0 !important;
|
|
2423
|
+
}
|