@pmidc/upyog-css 1.0.1 → 1.0.2

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 (109) hide show
  1. package/dist/index.css +351 -249
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +109 -109
  5. package/src/components/CitizenHomeCard.scss +57 -57
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/FAQ.scss +63 -63
  9. package/src/components/OnGroundEventCard.scss +71 -71
  10. package/src/components/PageBasedInput.scss +31 -31
  11. package/src/components/PopupHeadingLabel.scss +14 -14
  12. package/src/components/PropertySearchForm.scss +58 -58
  13. package/src/components/SearchForm.scss +55 -55
  14. package/src/components/SearchOnRadioButton.scss +9 -9
  15. package/src/components/StandaloneSearchBar.scss +9 -9
  16. package/src/components/TimeLine.scss +67 -67
  17. package/src/components/WhatsNewCard.scss +12 -12
  18. package/src/components/actionLink.scss +3 -3
  19. package/src/components/actionbar.scss +96 -96
  20. package/src/components/bannercomponents.scss +137 -137
  21. package/src/components/body.scss +146 -146
  22. package/src/components/buttons.scss +49 -49
  23. package/src/components/card.scss +411 -411
  24. package/src/components/cardHeaderWithOptions.scss +13 -13
  25. package/src/components/changeLanguage.scss +3 -3
  26. package/src/components/charts.scss +185 -185
  27. package/src/components/checkbox.scss +83 -83
  28. package/src/components/checkpoint.scss +65 -65
  29. package/src/components/citizenInfoLabel.scss +14 -14
  30. package/src/components/custombtn.scss +15 -15
  31. package/src/components/datatable.scss +76 -76
  32. package/src/components/datewrap.scss +21 -21
  33. package/src/components/detailscard.scss +6 -6
  34. package/src/components/detailscontainer.scss +13 -13
  35. package/src/components/filters.scss +97 -97
  36. package/src/components/grey.scss +3 -3
  37. package/src/components/hoc/InboxComposer.scss +115 -115
  38. package/src/components/howItWorks.scss +71 -71
  39. package/src/components/imageviewer.scss +33 -33
  40. package/src/components/info-banner.scss +35 -35
  41. package/src/components/inputotp.scss +15 -15
  42. package/src/components/keynote.scss +27 -27
  43. package/src/components/languageSelector.scss +24 -24
  44. package/src/components/loader.scss +96 -96
  45. package/src/components/map.scss +30 -30
  46. package/src/components/metricsTable.scss +26 -26
  47. package/src/components/multiLink.scss +87 -87
  48. package/src/components/multiSelectDropdown.scss +72 -72
  49. package/src/components/navbar.scss +308 -308
  50. package/src/components/plusMinus.scss +15 -15
  51. package/src/components/popup.scss +15 -15
  52. package/src/components/radiobtn.scss +44 -44
  53. package/src/components/ratingstar.scss +33 -33
  54. package/src/components/roundedLabel.scss +10 -10
  55. package/src/components/searchAction.scss +20 -20
  56. package/src/components/sectionalDropdown.scss +43 -43
  57. package/src/components/selectdropdown.scss +201 -201
  58. package/src/components/staticDynamicMessages.scss +106 -106
  59. package/src/components/staticSideBar.scss +27 -27
  60. package/src/components/statushighlight.scss +17 -17
  61. package/src/components/submiterrors.scss +11 -11
  62. package/src/components/summary.scss +28 -28
  63. package/src/components/table.scss +178 -178
  64. package/src/components/tag.scss +27 -27
  65. package/src/components/telephone.scss +17 -17
  66. package/src/components/textfields.scss +111 -111
  67. package/src/components/toast.scss +31 -31
  68. package/src/components/toggleSwitch.scss +40 -40
  69. package/src/components/topbar.scss +147 -147
  70. package/src/components/uploadcomponents.scss +113 -113
  71. package/src/index.scss +807 -806
  72. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  73. package/src/pages/citizen/DocumentList.scss +304 -304
  74. package/src/pages/citizen/Events.scss +46 -46
  75. package/src/pages/citizen/HomePageWrapper.scss +163 -163
  76. package/src/pages/citizen/SurveyList.scss +21 -21
  77. package/src/pages/citizen/citizenDocument.scss +21 -21
  78. package/src/pages/citizen/container.scss +19 -19
  79. package/src/pages/citizen/payment/payment-type.scss +2 -2
  80. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  81. package/src/pages/employee/EmployeeLogin.scss +6 -6
  82. package/src/pages/employee/cardfix.scss +13 -13
  83. package/src/pages/employee/container.scss +73 -73
  84. package/src/pages/employee/dashboard.scss +151 -151
  85. package/src/pages/employee/dss.scss +249 -249
  86. package/src/pages/employee/faq.scss +353 -353
  87. package/src/pages/employee/footer.scss +83 -0
  88. package/src/pages/employee/form-fields.scss +13 -13
  89. package/src/pages/employee/iframe.scss +65 -65
  90. package/src/pages/employee/inbox.scss +741 -741
  91. package/src/pages/employee/index.scss +637 -637
  92. package/src/pages/employee/landing.scss +178 -178
  93. package/src/pages/employee/login.scss +570 -570
  94. package/src/pages/employee/oldMobileInbox.scss +4 -4
  95. package/src/pages/employee/popupmodule.scss +47 -47
  96. package/src/pages/employee/response.scss +2 -2
  97. package/src/pages/employee/scroll-table.scss +113 -113
  98. package/src/pages/employee/surveys.scss +303 -303
  99. package/src/pages/employee/tooltip.scss +35 -35
  100. package/src/pages/employee/updateNumber.scss +12 -12
  101. package/svg/camera.svg +4 -4
  102. package/svg/check.svg +3 -3
  103. package/svg/close.svg +4 -4
  104. package/svg/error.svg +3 -3
  105. package/svg/error2.svg +5 -5
  106. package/svg/searchicon.svg +3 -3
  107. package/svg/starempty.svg +3 -3
  108. package/svg/starfilled.svg +4 -4
  109. package/svg/success.svg +3 -3
package/src/components/navbar.scss CHANGED
@@ -1,308 +1,308 @@
1
- .navbar {
2
- @apply text-white bg-secondary p-md w-full;
3
- position: fixed;
4
- z-index: 9999;
5
-
6
- img {
7
- display: inline-block;
8
- min-width: 78px;
9
- height: 24px;
10
- }
11
- .nav {
12
- display: flex;
13
- justify-content: space-between;
14
- }
15
- .nav-wrapper {
16
- display: flex;
17
- @media (min-width: 780px) {
18
- .hamburger-span {
19
- display: none;
20
- }
21
- }
22
- }
23
-
24
- h3 {
25
- @apply inline-block border-l border-solid border-white pl-sm ml-sm;
26
- }
27
- }
28
-
29
- .img-circle {
30
- border-radius: 50%;
31
- }
32
-
33
- .profile-section {
34
- height: auto;
35
- display: flex;
36
- flex-direction: column;
37
- align-items: center;
38
- padding-top: 30px;
39
- background-color: #ffffff;
40
-
41
- img {
42
- width: 89px;
43
- height: 88px;
44
- margin: 0px auto 16px;
45
- }
46
-
47
- .label-container {
48
- .label-text {
49
- color: #767676;
50
- }
51
- &.name-Profile {
52
- .label-text {
53
- letter-spacing: 0.6px;
54
- font-weight: 700;
55
- font-size: 18px;
56
- color: #0b0c0c;
57
- }
58
- }
59
- }
60
- .profile-divider {
61
- border-top: 1px solid #d6d5d4;
62
- margin-left: 20px;
63
- margin-right: 20px;
64
- width: 90%;
65
- margin-top: 1rem;
66
- }
67
- }
68
-
69
- .drawer-list {
70
- @apply pt-md;
71
- position: relative;
72
- min-height: 1px;
73
- overflow: auto;
74
- .menu-item {
75
- border: 10px;
76
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
77
- cursor: pointer;
78
- text-decoration: none;
79
- margin: 0px;
80
- padding: 0px;
81
- outline: none;
82
- font-size: 16px;
83
- position: relative;
84
- color: rgb(95, 92, 98);
85
- line-height: 48px;
86
- transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
87
- min-height: 48px;
88
- white-space: initial;
89
- background: none;
90
- .icon {
91
- display: block;
92
- color: rgb(117, 117, 117);
93
- fill: rgb(117, 117, 117);
94
- height: 21px;
95
- width: 21px;
96
- float: left;
97
- margin-top: 12px;
98
- }
99
- .edit-btn-ico{
100
- height: 17px;
101
- width: 17px;
102
- margin-top: 16px;
103
- }
104
- .icon + .menu-label {
105
- margin-left: 36px;
106
- text-overflow: ellipsis;
107
- white-space: nowrap;
108
- }
109
- }
110
- .sidebar-list {
111
- padding-right: 16px;
112
- padding-left: 16px;
113
- &.active {
114
- border-left: 5px solid #a82227;
115
- .menu-label {
116
- color: #a82227;
117
- }
118
- .icon {
119
- fill: #a82227;
120
- }
121
- }
122
-
123
- .submenu-container {
124
- cursor: pointer;
125
- display: flex;
126
- flex-direction: column;
127
- .sidebar-link {
128
- display: flex;
129
- justify-content: space-between;
130
- align-items: center;
131
- svg {
132
- width: 21px;
133
- height: 21px;
134
- color: rgb(117, 117, 117);
135
- fill: rgb(117, 117, 117);
136
- }
137
- }
138
- .actions {
139
- display: flex;
140
- align-items: center;
141
- overflow: hidden !important;
142
-
143
- span {
144
- margin-left: 13px;
145
- line-height: 48px;
146
- white-space: nowrap;
147
- color: #5f5c62;
148
- overflow: hidden;
149
- text-overflow: ellipsis;
150
- }
151
- input {
152
- border: none;
153
- outline: none;
154
- margin-left: 16px;
155
- padding: 0.5em;
156
- color: #5f5c62;
157
- }
158
- }
159
- }
160
- }
161
-
162
- .dropdown-link {
163
- .actions {
164
- display: flex;
165
- padding: 1em;
166
- svg {
167
- width: 21px;
168
- height: 21px;
169
- color: rgb(117, 117, 117);
170
- fill: rgb(117, 117, 117);
171
- }
172
- span {
173
- color: #5f5c62;
174
- }
175
- }
176
- }
177
- }
178
-
179
- .drawer-desktop {
180
- .menu-item {
181
- border: 10px;
182
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
183
- cursor: pointer;
184
- text-decoration: none;
185
- margin: 0px;
186
- padding: 0px;
187
- outline: none;
188
- font-size: 16px;
189
- position: relative;
190
- color: rgb(95, 92, 98);
191
- line-height: 48px;
192
- transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
193
- min-height: 48px;
194
- white-space: initial;
195
- background: none;
196
- .icon {
197
- display: block;
198
- color: rgb(117, 117, 117);
199
- fill: rgb(117, 117, 117);
200
- height: 21px !important;
201
- width: 21px !important;
202
- float: left;
203
- margin-top: 12px;
204
- }
205
- .edit-btn-ico {
206
- height: 17px;
207
- width: 17px;
208
- margin-top: 16px;
209
- }
210
- .icon + .menu-label {
211
- margin-left: 36px;
212
- overflow: hidden;
213
- text-overflow: ellipsis;
214
- white-space: nowrap;
215
- }
216
- }
217
- @media (min-width: 780px) {
218
- .sidebar-list {
219
- padding-right: 16px;
220
- padding-left: 16px;
221
- &.active {
222
- border-left: 5px solid #a82227;
223
- padding-left: 11px;
224
- .menu-label {
225
- color: #a82227;
226
- }
227
- .icon {
228
- fill: #a82227;
229
- }
230
- }
231
-
232
- .submenu-container {
233
- cursor: pointer;
234
- display: flex;
235
- flex-direction: column;
236
- .sidebar-link {
237
- display: flex;
238
- justify-content: space-between;
239
- align-items: center;
240
- svg {
241
- width: 21px;
242
- height: 21px;
243
- color: rgb(117, 117, 117);
244
- fill: rgb(117, 117, 117);
245
- }
246
- .actions {
247
- .tooltip {
248
- margin-left: 16px;
249
- }
250
- }
251
- }
252
- .actions {
253
- display: flex;
254
- align-items: center;
255
- overflow: hidden !important;
256
-
257
- span {
258
- margin-left: 13px;
259
- line-height: 48px;
260
- white-space: nowrap;
261
- color: #5f5c62;
262
- overflow: hidden;
263
- text-overflow: ellipsis;
264
- }
265
- }
266
- }
267
- }
268
-
269
- .dropdown-link {
270
- .actions {
271
- display: flex;
272
- padding: 1em;
273
- svg {
274
- width: 21px;
275
- height: 21px;
276
- color: rgb(117, 117, 117);
277
- fill: rgb(117, 117, 117);
278
- }
279
- span {
280
- color: #5f5c62;
281
- }
282
- }
283
- }
284
- }
285
- }
286
-
287
- /* .navbar-header{
288
- @apply text-navbarheader float-left px-sm
289
- }
290
-
291
- .navbar-subheader{
292
- @apply font-light px-sm border-solid border-l border-white border-opacity-100
293
- }*/
294
-
295
- .side-bar-footer {
296
- width: 200px;
297
- margin-left: 50px;
298
- margin-top: 24px;
299
- margin-bottom: 16px;
300
- position: relative;
301
- }
302
-
303
- .digit-footer {
304
- @apply flex h-4 mb-sm;
305
- img {
306
- @apply mr-sm;
307
- }
308
- }
1
+ .navbar {
2
+ @apply text-white bg-secondary p-md w-full;
3
+ position: fixed;
4
+ z-index: 9999;
5
+
6
+ img {
7
+ display: inline-block;
8
+ min-width: 78px;
9
+ height: 24px;
10
+ }
11
+ .nav {
12
+ display: flex;
13
+ justify-content: space-between;
14
+ }
15
+ .nav-wrapper {
16
+ display: flex;
17
+ @media (min-width: 780px) {
18
+ .hamburger-span {
19
+ display: none;
20
+ }
21
+ }
22
+ }
23
+
24
+ h3 {
25
+ @apply inline-block border-l border-solid border-white pl-sm ml-sm;
26
+ }
27
+ }
28
+
29
+ .img-circle {
30
+ border-radius: 50%;
31
+ }
32
+
33
+ .profile-section {
34
+ height: auto;
35
+ display: flex;
36
+ flex-direction: column;
37
+ align-items: center;
38
+ padding-top: 30px;
39
+ background-color: #ffffff;
40
+
41
+ img {
42
+ width: 89px;
43
+ height: 88px;
44
+ margin: 0px auto 16px;
45
+ }
46
+
47
+ .label-container {
48
+ .label-text {
49
+ color: #767676;
50
+ }
51
+ &.name-Profile {
52
+ .label-text {
53
+ letter-spacing: 0.6px;
54
+ font-weight: 700;
55
+ font-size: 18px;
56
+ color: #0b0c0c;
57
+ }
58
+ }
59
+ }
60
+ .profile-divider {
61
+ border-top: 1px solid #d6d5d4;
62
+ margin-left: 20px;
63
+ margin-right: 20px;
64
+ width: 90%;
65
+ margin-top: 1rem;
66
+ }
67
+ }
68
+
69
+ .drawer-list {
70
+ @apply pt-md;
71
+ position: relative;
72
+ min-height: 1px;
73
+ overflow: auto;
74
+ .menu-item {
75
+ border: 10px;
76
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
77
+ cursor: pointer;
78
+ text-decoration: none;
79
+ margin: 0px;
80
+ padding: 0px;
81
+ outline: none;
82
+ font-size: 16px;
83
+ position: relative;
84
+ color: rgb(95, 92, 98);
85
+ line-height: 48px;
86
+ transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
87
+ min-height: 48px;
88
+ white-space: initial;
89
+ background: none;
90
+ .icon {
91
+ display: block;
92
+ color: rgb(117, 117, 117);
93
+ fill: rgb(117, 117, 117);
94
+ height: 21px;
95
+ width: 21px;
96
+ float: left;
97
+ margin-top: 12px;
98
+ }
99
+ .edit-btn-ico{
100
+ height: 17px;
101
+ width: 17px;
102
+ margin-top: 16px;
103
+ }
104
+ .icon + .menu-label {
105
+ margin-left: 36px;
106
+ text-overflow: ellipsis;
107
+ white-space: nowrap;
108
+ }
109
+ }
110
+ .sidebar-list {
111
+ padding-right: 16px;
112
+ padding-left: 16px;
113
+ &.active {
114
+ border-left: 5px solid #a82227;
115
+ .menu-label {
116
+ color: #a82227;
117
+ }
118
+ .icon {
119
+ fill: #a82227;
120
+ }
121
+ }
122
+
123
+ .submenu-container {
124
+ cursor: pointer;
125
+ display: flex;
126
+ flex-direction: column;
127
+ .sidebar-link {
128
+ display: flex;
129
+ justify-content: space-between;
130
+ align-items: center;
131
+ svg {
132
+ width: 21px;
133
+ height: 21px;
134
+ color: rgb(117, 117, 117);
135
+ fill: rgb(117, 117, 117);
136
+ }
137
+ }
138
+ .actions {
139
+ display: flex;
140
+ align-items: center;
141
+ overflow: hidden !important;
142
+
143
+ span {
144
+ margin-left: 13px;
145
+ line-height: 48px;
146
+ white-space: nowrap;
147
+ color: #5f5c62;
148
+ overflow: hidden;
149
+ text-overflow: ellipsis;
150
+ }
151
+ input {
152
+ border: none;
153
+ outline: none;
154
+ margin-left: 16px;
155
+ padding: 0.5em;
156
+ color: #5f5c62;
157
+ }
158
+ }
159
+ }
160
+ }
161
+
162
+ .dropdown-link {
163
+ .actions {
164
+ display: flex;
165
+ padding: 1em;
166
+ svg {
167
+ width: 21px;
168
+ height: 21px;
169
+ color: rgb(117, 117, 117);
170
+ fill: rgb(117, 117, 117);
171
+ }
172
+ span {
173
+ color: #5f5c62;
174
+ }
175
+ }
176
+ }
177
+ }
178
+
179
+ .drawer-desktop {
180
+ .menu-item {
181
+ border: 10px;
182
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
183
+ cursor: pointer;
184
+ text-decoration: none;
185
+ margin: 0px;
186
+ padding: 0px;
187
+ outline: none;
188
+ font-size: 16px;
189
+ position: relative;
190
+ color: rgb(95, 92, 98);
191
+ line-height: 48px;
192
+ transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
193
+ min-height: 48px;
194
+ white-space: initial;
195
+ background: none;
196
+ .icon {
197
+ display: block;
198
+ color: rgb(117, 117, 117);
199
+ fill: rgb(117, 117, 117);
200
+ height: 21px !important;
201
+ width: 21px !important;
202
+ float: left;
203
+ margin-top: 12px;
204
+ }
205
+ .edit-btn-ico {
206
+ height: 17px;
207
+ width: 17px;
208
+ margin-top: 16px;
209
+ }
210
+ .icon + .menu-label {
211
+ margin-left: 36px;
212
+ overflow: hidden;
213
+ text-overflow: ellipsis;
214
+ white-space: nowrap;
215
+ }
216
+ }
217
+ @media (min-width: 780px) {
218
+ .sidebar-list {
219
+ padding-right: 16px;
220
+ padding-left: 16px;
221
+ &.active {
222
+ border-left: 5px solid #a82227;
223
+ padding-left: 11px;
224
+ .menu-label {
225
+ color: #a82227;
226
+ }
227
+ .icon {
228
+ fill: #a82227;
229
+ }
230
+ }
231
+
232
+ .submenu-container {
233
+ cursor: pointer;
234
+ display: flex;
235
+ flex-direction: column;
236
+ .sidebar-link {
237
+ display: flex;
238
+ justify-content: space-between;
239
+ align-items: center;
240
+ svg {
241
+ width: 21px;
242
+ height: 21px;
243
+ color: rgb(117, 117, 117);
244
+ fill: rgb(117, 117, 117);
245
+ }
246
+ .actions {
247
+ .tooltip {
248
+ margin-left: 16px;
249
+ }
250
+ }
251
+ }
252
+ .actions {
253
+ display: flex;
254
+ align-items: center;
255
+ overflow: hidden !important;
256
+
257
+ span {
258
+ margin-left: 13px;
259
+ line-height: 48px;
260
+ white-space: nowrap;
261
+ color: #5f5c62;
262
+ overflow: hidden;
263
+ text-overflow: ellipsis;
264
+ }
265
+ }
266
+ }
267
+ }
268
+
269
+ .dropdown-link {
270
+ .actions {
271
+ display: flex;
272
+ padding: 1em;
273
+ svg {
274
+ width: 21px;
275
+ height: 21px;
276
+ color: rgb(117, 117, 117);
277
+ fill: rgb(117, 117, 117);
278
+ }
279
+ span {
280
+ color: #5f5c62;
281
+ }
282
+ }
283
+ }
284
+ }
285
+ }
286
+
287
+ /* .navbar-header{
288
+ @apply text-navbarheader float-left px-sm
289
+ }
290
+
291
+ .navbar-subheader{
292
+ @apply font-light px-sm border-solid border-l border-white border-opacity-100
293
+ }*/
294
+
295
+ .side-bar-footer {
296
+ width: 200px;
297
+ margin-left: 50px;
298
+ margin-top: 24px;
299
+ margin-bottom: 16px;
300
+ position: relative;
301
+ }
302
+
303
+ .digit-footer {
304
+ @apply flex h-4 mb-sm;
305
+ img {
306
+ @apply mr-sm;
307
+ }
308
+ }
package/src/components/plusMinus.scss CHANGED
@@ -1,15 +1,15 @@
1
- .PlusMinus {
2
- text-align: center;
3
- display: flex;
4
- align-content: center;
5
- justify-content: center;
6
- }
7
- .PlusMinusbutton{
8
- border: 1px solid #d6d5d4;
9
- background-color: #eeeeee;
10
- color: #505a5f;
11
- font-size: 27px;
12
- font-weight: 400;
13
- text-align: center;
14
- width: 40px;
15
- }
1
+ .PlusMinus {
2
+ text-align: center;
3
+ display: flex;
4
+ align-content: center;
5
+ justify-content: center;
6
+ }
7
+ .PlusMinusbutton{
8
+ border: 1px solid #d6d5d4;
9
+ background-color: #eeeeee;
10
+ color: #505a5f;
11
+ font-size: 27px;
12
+ font-weight: 400;
13
+ text-align: center;
14
+ width: 40px;
15
+ }
package/src/components/popup.scss CHANGED
@@ -1,16 +1,16 @@
1
- .popup-wrap {
2
- background: rgba(0, 0, 0, 0.7);
3
- @apply flex fixed w-full h-full overflow-auto top-0 left-0 min-h-screen;
4
- z-index: 10000;
5
- }
6
-
7
- @screen dt {
8
- .popup-wrap {
9
- background: rgba(0, 0, 0, 0.7);
10
- @apply min-h-screen;
11
- }
12
- }
13
-
14
- .popup-close-icon{
15
- @apply flex justify-end;
1
+ .popup-wrap {
2
+ background: rgba(0, 0, 0, 0.7);
3
+ @apply flex fixed w-full h-full overflow-auto top-0 left-0 min-h-screen;
4
+ z-index: 10000;
5
+ }
6
+
7
+ @screen dt {
8
+ .popup-wrap {
9
+ background: rgba(0, 0, 0, 0.7);
10
+ @apply min-h-screen;
11
+ }
12
+ }
13
+
14
+ .popup-close-icon{
15
+ @apply flex justify-end;
16
16
  }