@djb25/digit-ui-css 1.0.5 → 1.0.7
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 +2 -2
- package/dist/index.min.css +1 -1
- package/package.json +3 -9
- package/src/components/VerticalTimeline.scss +106 -0
- package/src/components/WorkflowTimeline.scss +201 -164
- package/src/components/body.scss +12 -1
- package/src/components/card.scss +602 -1
- package/src/components/financeUi.scss +0 -1
- package/src/components/inboxv2/InboxLinks.scss +1 -1
- package/src/components/moduleHeader.scss +77 -0
- package/src/components/navbar.scss +38 -6
- package/src/components/staticSideBar.scss +3 -3
- package/src/components/topbar.scss +15 -6
- package/src/digitv2/components/appContainerV2.scss +13 -3
- package/src/index.scss +9 -3
- package/src/pages/citizen/HomePageWrapper.scss +28 -5
- package/src/pages/employee/container.scss +17 -6
- package/src/pages/employee/inbox.scss +3 -3
- package/src/pages/employee/index.scss +112 -33
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.ground-container {
|
|
10
10
|
margin-bottom: 56px;
|
|
11
|
-
|
|
12
|
-
margin-right: 0;
|
|
11
|
+
padding-inline: 30px;
|
|
13
12
|
/* @apply flex flex-col; */
|
|
14
13
|
}
|
|
15
14
|
|
|
@@ -37,13 +36,23 @@
|
|
|
37
36
|
box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
|
|
38
37
|
z-index: 9999;
|
|
39
38
|
|
|
39
|
+
.topbar-content {
|
|
40
|
+
display: flex;
|
|
41
|
+
justify-content: space-between;
|
|
42
|
+
align-items: center;
|
|
43
|
+
width: 100%;
|
|
44
|
+
}
|
|
45
|
+
|
|
40
46
|
img {
|
|
41
47
|
display: inline;
|
|
42
48
|
|
|
43
49
|
&.city {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
50
|
+
height: 60px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&.spect-icon {
|
|
54
|
+
width: auto;
|
|
55
|
+
max-height: 50px;
|
|
47
56
|
}
|
|
48
57
|
|
|
49
58
|
&.state {
|
|
@@ -59,16 +68,6 @@
|
|
|
59
68
|
|
|
60
69
|
.right {
|
|
61
70
|
float: right;
|
|
62
|
-
margin-top: 12px;
|
|
63
|
-
margin-right: 53px;
|
|
64
|
-
|
|
65
|
-
.user-img-txt {
|
|
66
|
-
background: theme(colors.primary.main);
|
|
67
|
-
padding: 10px 15px;
|
|
68
|
-
border-radius: 50%;
|
|
69
|
-
color: white;
|
|
70
|
-
font-weight: 700;
|
|
71
|
-
}
|
|
72
71
|
}
|
|
73
72
|
}
|
|
74
73
|
|
|
@@ -121,7 +120,7 @@
|
|
|
121
120
|
.sidebar {
|
|
122
121
|
position: fixed;
|
|
123
122
|
left: 0;
|
|
124
|
-
background: #
|
|
123
|
+
background: #0b4b66;
|
|
125
124
|
height: 100%;
|
|
126
125
|
color: theme(colors.white);
|
|
127
126
|
margin-top: 83px;
|
|
@@ -205,11 +204,9 @@
|
|
|
205
204
|
}
|
|
206
205
|
|
|
207
206
|
&:hover {
|
|
208
|
-
|
|
209
|
-
background-color: #0B4B66;
|
|
207
|
+
background-color: #0b4b66;
|
|
210
208
|
|
|
211
209
|
cursor: pointer;
|
|
212
|
-
|
|
213
210
|
}
|
|
214
211
|
|
|
215
212
|
.search-icon-wrapper {
|
|
@@ -252,7 +249,7 @@
|
|
|
252
249
|
}
|
|
253
250
|
|
|
254
251
|
&:hover {
|
|
255
|
-
background-color: #
|
|
252
|
+
background-color: #6a8e9d;
|
|
256
253
|
opacity: 0.8;
|
|
257
254
|
cursor: pointer;
|
|
258
255
|
|
|
@@ -261,11 +258,11 @@
|
|
|
261
258
|
}
|
|
262
259
|
}
|
|
263
260
|
|
|
264
|
-
|
|
265
261
|
&.active {
|
|
266
262
|
border-left: 4px solid theme(colors.primary.main);
|
|
267
263
|
|
|
268
|
-
&.level-0 {
|
|
264
|
+
&.level-0 {
|
|
265
|
+
}
|
|
269
266
|
|
|
270
267
|
&.level-1 {
|
|
271
268
|
border-left: 8.5px solid theme(colors.primary.main);
|
|
@@ -275,7 +272,8 @@
|
|
|
275
272
|
border-left: 4px solid theme(colors.primary.main);
|
|
276
273
|
}
|
|
277
274
|
|
|
278
|
-
&.level-3 {
|
|
275
|
+
&.level-3 {
|
|
276
|
+
}
|
|
279
277
|
|
|
280
278
|
color: theme(colors.primary.main) !important;
|
|
281
279
|
border-right: none;
|
|
@@ -431,12 +429,92 @@
|
|
|
431
429
|
}
|
|
432
430
|
}
|
|
433
431
|
|
|
432
|
+
.home-header {
|
|
433
|
+
display: flex;
|
|
434
|
+
justify-content: center;
|
|
435
|
+
align-items: center;
|
|
436
|
+
padding-left: 30px;
|
|
437
|
+
padding-right: 30px;
|
|
438
|
+
.header-top-section {
|
|
439
|
+
display: flex;
|
|
440
|
+
width: 100%;
|
|
441
|
+
background: linear-gradient(98deg, rgba(110, 192, 221, 0.71) -24.44%, rgba(97, 119, 236, 0.9) 93.53%);
|
|
442
|
+
padding: 14px;
|
|
443
|
+
border-radius: 11px;
|
|
444
|
+
|
|
445
|
+
justify-content: space-between;
|
|
446
|
+
align-items: center;
|
|
447
|
+
|
|
448
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
449
|
+
|
|
450
|
+
.title {
|
|
451
|
+
margin: 0;
|
|
452
|
+
font-size: 25px;
|
|
453
|
+
font-weight: 700;
|
|
454
|
+
color: #0f172a;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.subtitle {
|
|
458
|
+
margin: 0;
|
|
459
|
+
font-size: 20px;
|
|
460
|
+
font-weight: 700;
|
|
461
|
+
color: #0f172a;
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
.header-bottom-section {
|
|
466
|
+
width: 100%;
|
|
467
|
+
background: linear-gradient(278deg, rgba(110, 192, 221, 0.71) -24.44%, rgba(97, 119, 236, 0.9) 93.53%);
|
|
468
|
+
padding: 5px 20px;
|
|
469
|
+
border-radius: 11px;
|
|
470
|
+
|
|
471
|
+
display: flex;
|
|
472
|
+
align-items: center;
|
|
473
|
+
justify-content: start;
|
|
474
|
+
color: #fff;
|
|
475
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
476
|
+
font-size: 14px;
|
|
477
|
+
font-weight: 500;
|
|
478
|
+
.icon {
|
|
479
|
+
width: 35px;
|
|
480
|
+
aspect-ratio: 1/1;
|
|
481
|
+
fill: #fff;
|
|
482
|
+
}
|
|
483
|
+
.home-icon {
|
|
484
|
+
width: 24px;
|
|
485
|
+
aspect-ratio: 1/1;
|
|
486
|
+
fill: #fff;
|
|
487
|
+
}
|
|
488
|
+
.iconn {
|
|
489
|
+
font-feature-settings: "kern";
|
|
490
|
+
font-size: 16px;
|
|
491
|
+
margin: 0 8px;
|
|
492
|
+
color: #fff;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.right-section {
|
|
496
|
+
display: flex;
|
|
497
|
+
gap: 10px;
|
|
498
|
+
align-items: center;
|
|
499
|
+
justify-content: center;
|
|
500
|
+
padding-left: 20px;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
.left-section {
|
|
504
|
+
display: flex;
|
|
505
|
+
gap: 10px;
|
|
506
|
+
align-items: center;
|
|
507
|
+
justify-content: center;
|
|
508
|
+
border-right: 1px solid #fff;
|
|
509
|
+
padding-right: 20px;
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
|
|
434
514
|
@media (min-width: 640px) {
|
|
435
515
|
.employee {
|
|
436
516
|
.ground-container {
|
|
437
517
|
/* @apply block; */
|
|
438
|
-
margin-left: 72px;
|
|
439
|
-
margin-right: 72px;
|
|
440
518
|
}
|
|
441
519
|
|
|
442
520
|
.breadcrumb {
|
|
@@ -461,9 +539,9 @@
|
|
|
461
539
|
display: flex;
|
|
462
540
|
flex-direction: column;
|
|
463
541
|
padding-top: 80px;
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
542
|
+
/* margin-left: 72px; */
|
|
543
|
+
/* width: calc(100%-83px); */
|
|
544
|
+
}
|
|
467
545
|
|
|
468
546
|
.citizen-home-container {
|
|
469
547
|
display: flex;
|
|
@@ -483,7 +561,8 @@
|
|
|
483
561
|
justify-content: center;
|
|
484
562
|
}
|
|
485
563
|
|
|
486
|
-
.center-container {
|
|
564
|
+
.center-container {
|
|
565
|
+
}
|
|
487
566
|
}
|
|
488
567
|
}
|
|
489
568
|
|
|
@@ -570,14 +649,14 @@
|
|
|
570
649
|
.link {
|
|
571
650
|
a {
|
|
572
651
|
color: inherit;
|
|
573
|
-
text-decoration: inherit
|
|
652
|
+
text-decoration: inherit;
|
|
574
653
|
}
|
|
575
654
|
}
|
|
576
655
|
|
|
577
656
|
.breadcrumb {
|
|
578
657
|
a {
|
|
579
658
|
color: inherit;
|
|
580
|
-
text-decoration: inherit
|
|
659
|
+
text-decoration: inherit;
|
|
581
660
|
}
|
|
582
661
|
}
|
|
583
662
|
|
|
@@ -597,7 +676,7 @@
|
|
|
597
676
|
.bread-crumb {
|
|
598
677
|
a {
|
|
599
678
|
color: inherit;
|
|
600
|
-
text-decoration: inherit
|
|
679
|
+
text-decoration: inherit;
|
|
601
680
|
}
|
|
602
681
|
}
|
|
603
682
|
|
|
@@ -617,4 +696,4 @@
|
|
|
617
696
|
/* TODO fix required NABEEL/ANIL for home screen card */
|
|
618
697
|
.customEmployeeCard {
|
|
619
698
|
@apply m-sm !important;
|
|
620
|
-
}
|
|
699
|
+
}
|