@djb25/digit-ui-css 1.0.41 → 1.0.43
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 +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/SearchForm.scss +9 -15
- package/src/components/TimeLine.scss +6 -6
- package/src/components/VerticalTimeline.scss +8 -8
- package/src/components/body.scss +13 -5
- package/src/components/buttons.scss +3 -3
- package/src/components/card.scss +4 -4
- package/src/components/financeUi.scss +9 -15
- package/src/components/inboxv2/InboxLinks.scss +53 -53
- package/src/components/inboxv2/inboxSearchComposer.scss +112 -111
- package/src/components/juridictions.scss +4 -0
- package/src/components/landingpage.scss +4 -4
- package/src/components/moduleHeader.scss +1 -1
- package/src/components/selectdropdown.scss +10 -1
- package/src/components/table.scss +2 -2
- package/src/components/toast.scss +1 -1
- package/src/components/topbar.scss +28 -6
- package/src/digitv2/pages/employee/workbench.scss +7 -7
- package/src/index.scss +35 -1
- package/src/pages/citizen/Register.scss +1 -1
- package/src/pages/employee/ekyc.scss +168 -168
- package/src/pages/employee/inbox.scss +4 -3
- package/src/pages/employee/index.scss +11 -0
- package/svg/check.svg +1 -1
- package/svg/close.svg +1 -1
- package/svg/error2.svg +1 -1
- package/svg/starempty.svg +1 -1
- package/svg/starfilled.svg +1 -1
- package/svg/success.svg +1 -1
|
@@ -1,134 +1,135 @@
|
|
|
1
1
|
@import url("../../digitv2/index.scss");
|
|
2
2
|
|
|
3
3
|
.inbox-search-wrapper {
|
|
4
|
-
|
|
4
|
+
/*
|
|
5
5
|
TODO NABEEL/ANIL Removed these since it creates issues in search screen
|
|
6
6
|
@extend .light-background;
|
|
7
7
|
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
height: 100%;
|
|
10
|
+
.inbox-search-component-wrapper {
|
|
11
|
+
/*
|
|
12
12
|
TODO NABEEL/ANIL Removed these since it creates issues in search screen
|
|
13
13
|
@extend .light-background;
|
|
14
14
|
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
*/
|
|
16
|
+
height: 100%;
|
|
17
|
+
width: 100%;
|
|
18
|
+
.sections-parent {
|
|
19
|
+
/*
|
|
19
20
|
TODO NABEEL/ANIL Removed these since it creates issues in search screen
|
|
20
21
|
@extend .light-background;
|
|
21
22
|
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
&.search {
|
|
44
|
-
display: flex;
|
|
45
|
-
flex-direction: column;
|
|
46
|
-
.section {
|
|
47
|
-
&.links {
|
|
48
|
-
display: none;
|
|
49
|
-
}
|
|
50
|
-
&.filter {
|
|
51
|
-
display: none;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
.search-wrapper {
|
|
55
|
-
@extend .light-paper-primary;
|
|
56
|
-
.search-field-wrapper.search.custom-both-clear-search{
|
|
57
|
-
.search-button-wrapper.search {
|
|
58
|
-
grid-column: initial;
|
|
59
|
-
}
|
|
60
|
-
.search-button-wrapper{
|
|
61
|
-
.link-label{
|
|
62
|
-
@extend .light-primary;
|
|
63
|
-
white-space:initial;
|
|
64
|
-
}
|
|
65
|
-
.submit-bar {
|
|
66
|
-
@extend .light-primary-button;
|
|
67
|
-
width: 60%;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
23
|
+
*/
|
|
24
|
+
height: 100%;
|
|
25
|
+
display: grid;
|
|
26
|
+
grid-template-columns: 20% 1fr;
|
|
27
|
+
gap: 1rem;
|
|
28
|
+
&.inbox {
|
|
29
|
+
@extend .light-text-color-primary;
|
|
30
|
+
.links {
|
|
31
|
+
@extend .light-primary;
|
|
32
|
+
@extend .light-paper-primary;
|
|
33
|
+
.text {
|
|
34
|
+
@extend .light-text-color-primary;
|
|
35
|
+
}
|
|
36
|
+
.inbox-links-icon {
|
|
37
|
+
color: #3a8dcc;
|
|
38
|
+
fill: #3a8dcc;
|
|
39
|
+
path {
|
|
40
|
+
fill: #3a8dcc;
|
|
72
41
|
}
|
|
73
|
-
|
|
74
|
-
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
&.search {
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
.section {
|
|
49
|
+
&.links {
|
|
50
|
+
display: none;
|
|
51
|
+
}
|
|
52
|
+
&.filter {
|
|
53
|
+
display: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
.search-wrapper {
|
|
57
|
+
@extend .light-paper-primary;
|
|
58
|
+
.search-field-wrapper.search.custom-both-clear-search {
|
|
59
|
+
.search-button-wrapper.search {
|
|
60
|
+
grid-column: initial;
|
|
75
61
|
}
|
|
76
|
-
.
|
|
77
|
-
|
|
78
|
-
@extend .light-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
|
|
86
|
-
&.search-results {
|
|
87
|
-
min-height: 0;
|
|
88
|
-
}
|
|
89
|
-
&.links {
|
|
90
|
-
height: 100%;
|
|
91
|
-
color : #f47738;
|
|
92
|
-
.inbox-search-links-component {
|
|
93
|
-
height: 100% !important;
|
|
94
|
-
width: 100%;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
&.filter {
|
|
98
|
-
@extend .light-paper-primary;
|
|
99
|
-
@extend .light-text-color-primary;
|
|
100
|
-
height: fit-content;
|
|
101
|
-
}
|
|
62
|
+
.search-button-wrapper {
|
|
63
|
+
.link-label {
|
|
64
|
+
@extend .light-primary;
|
|
65
|
+
white-space: initial;
|
|
66
|
+
}
|
|
67
|
+
.submit-bar {
|
|
68
|
+
@extend .light-primary-button;
|
|
69
|
+
width: 60%;
|
|
70
|
+
}
|
|
102
71
|
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
&.download {
|
|
76
|
+
grid-template-columns: 100%;
|
|
77
|
+
}
|
|
78
|
+
.section {
|
|
79
|
+
@extend .light-paper-primary;
|
|
80
|
+
@extend .light-text-color-primary;
|
|
81
|
+
min-height: 10rem;
|
|
82
|
+
/* background-color: white; */
|
|
83
|
+
display: flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
border-radius: 4px;
|
|
87
|
+
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
|
|
88
|
+
&.search-results {
|
|
89
|
+
min-height: 0;
|
|
90
|
+
}
|
|
91
|
+
&.links {
|
|
92
|
+
height: 100%;
|
|
93
|
+
color: #3a8dcc;
|
|
94
|
+
.inbox-search-links-component {
|
|
95
|
+
height: 100% !important;
|
|
96
|
+
width: 100%;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
&.filter {
|
|
100
|
+
@extend .light-paper-primary;
|
|
101
|
+
@extend .light-text-color-primary;
|
|
102
|
+
height: fit-content;
|
|
103
103
|
}
|
|
104
|
+
}
|
|
104
105
|
}
|
|
106
|
+
}
|
|
105
107
|
}
|
|
106
108
|
|
|
107
109
|
@screen sm {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
}
|
|
110
|
+
.employee-main-application-details-for-modal {
|
|
111
|
+
padding: 0 !important;
|
|
112
|
+
}
|
|
113
|
+
.inbox-search-wrapper {
|
|
114
|
+
.inbox-search-component-wrapper {
|
|
115
|
+
.sections-parent {
|
|
116
|
+
display: flex;
|
|
117
|
+
flex-direction: column;
|
|
118
|
+
.section {
|
|
119
|
+
&.search-results {
|
|
120
|
+
}
|
|
121
|
+
&.links {
|
|
122
|
+
}
|
|
123
|
+
&.filter {
|
|
124
|
+
}
|
|
125
|
+
&.as-modal {
|
|
126
|
+
position: fixed;
|
|
127
|
+
top: 0;
|
|
128
|
+
height: 100vh;
|
|
129
|
+
width: 100vw;
|
|
130
|
+
}
|
|
132
131
|
}
|
|
132
|
+
}
|
|
133
133
|
}
|
|
134
|
-
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
@@ -2973,7 +2973,7 @@ svg text {
|
|
|
2973
2973
|
/* Premium Professional Organizational Chart - Version 4.0 */
|
|
2974
2974
|
|
|
2975
2975
|
:root {
|
|
2976
|
-
--primary-color: #
|
|
2976
|
+
--primary-color: #1f5fa8;
|
|
2977
2977
|
--primary-dark: #5a67d8;
|
|
2978
2978
|
--secondary-color: #f093fb;
|
|
2979
2979
|
--accent-color: #4facfe;
|
|
@@ -3319,7 +3319,7 @@ svg text {
|
|
|
3319
3319
|
|
|
3320
3320
|
/* Instruction Banner */
|
|
3321
3321
|
.instruction-banner {
|
|
3322
|
-
background: linear-gradient(135deg, #
|
|
3322
|
+
background: linear-gradient(135deg, #1f5fa8 0%, #0b2e5b 100%);
|
|
3323
3323
|
color: white;
|
|
3324
3324
|
padding: 14px 24px;
|
|
3325
3325
|
border-radius: 10px;
|
|
@@ -3553,7 +3553,7 @@ svg text {
|
|
|
3553
3553
|
|
|
3554
3554
|
/* Hierarchy Level Styling */
|
|
3555
3555
|
.org-tree > .org-node > .org-box {
|
|
3556
|
-
background: linear-gradient(135deg, #
|
|
3556
|
+
background: linear-gradient(135deg, #1f5fa8 0%, #0b2e5b 100%);
|
|
3557
3557
|
color: white;
|
|
3558
3558
|
border-color: var(--primary-dark);
|
|
3559
3559
|
font-size: 16px;
|
|
@@ -3740,7 +3740,7 @@ svg text {
|
|
|
3740
3740
|
}
|
|
3741
3741
|
|
|
3742
3742
|
.legend-color.level-1 {
|
|
3743
|
-
background: linear-gradient(135deg, #
|
|
3743
|
+
background: linear-gradient(135deg, #1f5fa8 0%, #0b2e5b 100%);
|
|
3744
3744
|
}
|
|
3745
3745
|
|
|
3746
3746
|
.legend-color.level-2 {
|
|
@@ -80,9 +80,13 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.options-card {
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: 100%;
|
|
85
|
+
margin-top: 4px;
|
|
86
|
+
z-index: 2;
|
|
83
87
|
width: 100% !important;
|
|
84
88
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
|
85
|
-
max-height:
|
|
89
|
+
max-height: 200px;
|
|
86
90
|
overflow: auto;
|
|
87
91
|
@apply absolute z-20 mt-xs bg-white max-w-full;
|
|
88
92
|
|
|
@@ -95,6 +99,11 @@
|
|
|
95
99
|
}
|
|
96
100
|
}
|
|
97
101
|
}
|
|
102
|
+
& .options-card.open-up {
|
|
103
|
+
top: auto;
|
|
104
|
+
bottom: 100%;
|
|
105
|
+
margin-bottom: 4px;
|
|
106
|
+
}
|
|
98
107
|
}
|
|
99
108
|
|
|
100
109
|
.employee-select-wrap--elipses {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
text-align: left;
|
|
15
15
|
white-space: nowrap;
|
|
16
16
|
/* Updated gradient background to match screenshot */
|
|
17
|
-
background: #
|
|
17
|
+
background: #1f5fa8;
|
|
18
18
|
color: white;
|
|
19
19
|
@apply font-bold align-middle text-left;
|
|
20
20
|
|
|
@@ -227,4 +227,4 @@
|
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
}
|
|
230
|
+
}
|
|
@@ -31,9 +31,7 @@
|
|
|
31
31
|
margin: 0;
|
|
32
32
|
line-height: 1.1;
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
34
|
+
}
|
|
37
35
|
|
|
38
36
|
img {
|
|
39
37
|
display: inline;
|
|
@@ -293,9 +291,10 @@ video::-webkit-media-controls-panel {
|
|
|
293
291
|
|
|
294
292
|
.topbar-item-wrapper {
|
|
295
293
|
display: flex !important;
|
|
294
|
+
flex-direction: row !important;
|
|
296
295
|
align-items: center !important;
|
|
297
|
-
gap:
|
|
298
|
-
padding:
|
|
296
|
+
gap: 8px !important;
|
|
297
|
+
padding: 6px 12px !important;
|
|
299
298
|
border-radius: 8px !important;
|
|
300
299
|
border: 1px solid #e5e7eb !important;
|
|
301
300
|
background-color: #ffffff !important;
|
|
@@ -304,6 +303,29 @@ video::-webkit-media-controls-panel {
|
|
|
304
303
|
font-weight: 500 !important;
|
|
305
304
|
color: #1f2937 !important;
|
|
306
305
|
white-space: nowrap !important;
|
|
306
|
+
height: 42px;
|
|
307
|
+
position: relative !important;
|
|
308
|
+
|
|
309
|
+
/* Reset absolute styles from dropdowns */
|
|
310
|
+
svg,
|
|
311
|
+
img,
|
|
312
|
+
span {
|
|
313
|
+
position: static !important;
|
|
314
|
+
right: auto !important;
|
|
315
|
+
top: auto !important;
|
|
316
|
+
margin: 0 !important;
|
|
317
|
+
float: none !important;
|
|
318
|
+
flex-shrink: 0 !important;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.chevron-icon {
|
|
322
|
+
display: flex !important;
|
|
323
|
+
align-items: center !important;
|
|
324
|
+
color: #4b5563 !important;
|
|
325
|
+
margin-left: 2px !important;
|
|
326
|
+
width: 14px !important;
|
|
327
|
+
height: 14px !important;
|
|
328
|
+
}
|
|
307
329
|
|
|
308
330
|
@media (max-width: 1024px) {
|
|
309
331
|
padding: 6px 10px !important;
|
|
@@ -338,7 +360,7 @@ video::-webkit-media-controls-panel {
|
|
|
338
360
|
}
|
|
339
361
|
|
|
340
362
|
.vertical-divider {
|
|
341
|
-
width:
|
|
363
|
+
width: 1px;
|
|
342
364
|
height: 28px;
|
|
343
365
|
background-color: rgb(203, 213, 225);
|
|
344
366
|
|
|
@@ -544,11 +544,11 @@
|
|
|
544
544
|
text-decoration: none;
|
|
545
545
|
.browse-text {
|
|
546
546
|
text-decoration: none;
|
|
547
|
-
color: #
|
|
547
|
+
color: #3a8dcc;
|
|
548
548
|
transition: color 0.3s;
|
|
549
549
|
}
|
|
550
550
|
.browse-text:hover {
|
|
551
|
-
color: #
|
|
551
|
+
color: #3a8dcc;
|
|
552
552
|
text-decoration: underline;
|
|
553
553
|
cursor: pointer;
|
|
554
554
|
}
|
|
@@ -738,7 +738,7 @@ button:hover {
|
|
|
738
738
|
flex-direction: row-reverse;
|
|
739
739
|
.add-new {
|
|
740
740
|
position: relative;
|
|
741
|
-
color: #
|
|
741
|
+
color: #3a8dcc;
|
|
742
742
|
cursor: pointer;
|
|
743
743
|
margin-right: 1em;
|
|
744
744
|
font-weight: bolder;
|
|
@@ -785,7 +785,7 @@ button:hover {
|
|
|
785
785
|
|
|
786
786
|
.view-all-link {
|
|
787
787
|
background-color: #bdc5d1;
|
|
788
|
-
color: #
|
|
788
|
+
color: #3a8dcc;
|
|
789
789
|
font-size: 16px;
|
|
790
790
|
text-decoration: underline;
|
|
791
791
|
cursor: pointer;
|
|
@@ -839,7 +839,7 @@ button:hover {
|
|
|
839
839
|
.success-container {
|
|
840
840
|
display: flex;
|
|
841
841
|
flex-direction: row;
|
|
842
|
-
background-color: #
|
|
842
|
+
background-color: #2e9e8f;
|
|
843
843
|
color: #fff;
|
|
844
844
|
padding: 5px 10px;
|
|
845
845
|
border-radius: 5px;
|
|
@@ -848,7 +848,7 @@ button:hover {
|
|
|
848
848
|
|
|
849
849
|
.success-count {
|
|
850
850
|
background-color: #fff;
|
|
851
|
-
color: #
|
|
851
|
+
color: #2e9e8f;
|
|
852
852
|
padding: 3px 5px;
|
|
853
853
|
border-radius: 3px;
|
|
854
854
|
margin-left: 5px;
|
|
@@ -899,7 +899,7 @@ button:hover {
|
|
|
899
899
|
cursor: pointer;
|
|
900
900
|
|
|
901
901
|
&:hover {
|
|
902
|
-
background-color: #
|
|
902
|
+
background-color: #d83a2f;
|
|
903
903
|
color: white;
|
|
904
904
|
/* Yellowish color on hover */
|
|
905
905
|
}
|
package/src/index.scss
CHANGED
|
@@ -592,7 +592,7 @@ input[type="number"] {
|
|
|
592
592
|
display: flex;
|
|
593
593
|
flex-direction: column;
|
|
594
594
|
overflow-x: scroll;
|
|
595
|
-
border-radius:
|
|
595
|
+
border-radius: 12px;
|
|
596
596
|
flex: 1 1 0%;
|
|
597
597
|
scrollbar-width: none;
|
|
598
598
|
}
|
|
@@ -913,6 +913,40 @@ input[type="number"] {
|
|
|
913
913
|
height: 100%;
|
|
914
914
|
}
|
|
915
915
|
|
|
916
|
+
.flex-box-content-between {
|
|
917
|
+
display: flex;
|
|
918
|
+
justify-content: space-between;
|
|
919
|
+
align-items: center;
|
|
920
|
+
width: 100%;
|
|
921
|
+
height: 100%;
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
.flex-center {
|
|
925
|
+
display: flex;
|
|
926
|
+
justify-content: center;
|
|
927
|
+
align-items: center;
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
.flex-gap-1 {
|
|
931
|
+
gap: 4px;
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.flex-gap-2 {
|
|
935
|
+
gap: 8px;
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.flex-gap-3 {
|
|
939
|
+
gap: 12px;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.flex-gap-4 {
|
|
943
|
+
gap: 16px;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
.flex-gap-5 {
|
|
947
|
+
gap: 20px;
|
|
948
|
+
}
|
|
949
|
+
|
|
916
950
|
.bc-white {
|
|
917
951
|
background-color: #fff;
|
|
918
952
|
}
|