@egovernments/digit-ui-health-css 0.2.50 → 0.3.1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-health-css",
3
- "version": "0.2.50",
3
+ "version": "0.3.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egov.org.in>",
@@ -66,4 +66,4 @@
66
66
  "digit-ui",
67
67
  "css"
68
68
  ]
69
- }
69
+ }
@@ -503,7 +503,7 @@ tbody {
503
503
  .loginFormStyleEmployee {
504
504
  .loginCardClassName {
505
505
  .digit-header-content {
506
- margin-bottom: "1.5rem";
506
+ margin-bottom: 1.5rem;
507
507
  &:not(label) {
508
508
  display: flex;
509
509
  justify-content: center;
@@ -901,4 +901,4 @@ tbody {
901
901
  .digit-landing-page-card{
902
902
  min-width: fit-content;
903
903
  }
904
- }
904
+ }
@@ -41,38 +41,6 @@
41
41
  align-items: flex-end !important;
42
42
  }
43
43
 
44
- .bottom-right-map-subcomponents{
45
- position: absolute;
46
- top: 80%;
47
- right: 1rem;
48
- z-index: 550;
49
- gap:1.5rem;
50
- display: flex;
51
- align-items: flex-end !important;
52
-
53
- .map-view-element-wrapper{
54
- display: flex;
55
- width: fit-content;
56
- gap: 0.5rem;
57
- align-items: center;
58
- background-color: #FFFFFF;
59
- padding: 0.5rem;
60
-
61
- .map-view-element-label{
62
- color: #363636;
63
- font-family: theme(digitv2.fontFamily.sans);
64
- font-style: theme(digitv2.fontStyle.normal);
65
- font-weight: theme(digitv2.fontWeight.regular);
66
- font-size: theme(digitv2.fontSize.body-s.mobile);
67
- }
68
-
69
- .map-view-element-icon{
70
- width: 1.5rem;
71
- height: 1.5rem;
72
- }
73
- }
74
- }
75
-
76
44
  .bottom-left-map-subcomponents {
77
45
  position: absolute;
78
46
  bottom: 1.5rem;
@@ -39,69 +39,73 @@
39
39
  text-align: start;
40
40
  }
41
41
 
42
- /* Main Wrapper */
43
42
  .custom-register-inbox-screen {
43
+
44
44
  width: 100%;
45
45
  display: flex;
46
46
  flex-direction: column;
47
47
  gap: 1.5rem;
48
48
  }
49
49
 
50
- /* Row Section - Ensures Both Sections Have the Same Height */
50
+
51
51
  .custom-register-inbox-screen .inner-div-row-section {
52
+
52
53
  width: 100%;
53
54
  display: flex;
54
55
  flex-direction: row;
55
56
  gap: 1.5rem;
56
- min-height: 80vh;
57
- height: auto;
58
- align-items: stretch;
59
- /* Forces both sections to stay equal in height */
60
57
  }
61
58
 
62
- /* Filter Section - Fixed to 30% Width */
63
59
  .custom-register-inbox-screen .custom-inbox-filter-section {
64
- flex: 0 0 20%;
65
- /* Fixes width to 30%, prevents unwanted expansion */
60
+
61
+ width: 30%;
66
62
  display: flex;
67
63
  flex-direction: column;
68
- height: 100%;
69
- /* Ensures it stretches with table */
70
- min-height: 100%;
64
+ gap: 1.5rem;
65
+ height: 80vh;
66
+ }
67
+
68
+
69
+ .custom-register-inbox-screen .custom-inbox-inner-filter-section {
70
+
71
+ width: 100%;
72
+ display: flex;
73
+ flex-direction: row;
74
+ height: 75vh;
71
75
  overflow-y: auto;
72
76
  }
73
77
 
74
- /* Table Section - Takes Remaining 70% */
78
+
79
+
80
+
75
81
  .custom-register-inbox-screen .custom-inbox-outer-table-section {
76
- flex: 1;
77
- /* Takes remaining width (70%) */
82
+
83
+ width: 100%;
78
84
  display: flex;
79
- flex-direction: column;
80
- height: 100%;
81
- /* Matches filter height */
82
- min-height: 100%;
83
- overflow-y: auto;
85
+ flex-direction: row;
86
+ gap: 1.5rem;
84
87
  }
85
88
 
86
- /* Inner Table Section */
87
89
  .custom-inbox-outer-table-section .inner-table-section {
90
+
88
91
  width: 100%;
89
92
  display: flex;
90
93
  flex-direction: column;
91
- flex-grow: 1;
92
- /* Makes sure table stretches */
94
+ height: 75vh;
95
+ min-height: 75vh;
93
96
  }
94
97
 
95
- /* Table Card Override */
96
98
  .custom-inbox-outer-table-section .card-overide {
97
99
  max-width: 100%;
98
100
  overflow: auto;
99
101
  margin: 0px;
100
- flex-grow: 1;
101
- /* Makes sure the table always fills height */
102
+ height: 75vh;
102
103
  }
103
104
 
104
- /* Reset Proximity Icon */
105
+
106
+
107
+
108
+
105
109
  .on-icon-reset-proximity {
106
110
  border: 1px solid #e0e0e0;
107
111
  padding: 6px;
@@ -109,12 +113,14 @@
109
113
  cursor: pointer;
110
114
  }
111
115
 
112
- /* Bill Inbox */
116
+
113
117
  .custom-bill-inbox {
114
118
  display: flex;
115
119
  flex-direction: column;
116
120
  gap: 1.5rem;
117
121
  margin-bottom: 2.5rem;
122
+
123
+
118
124
  }
119
125
 
120
126
  .bill-container {
@@ -135,7 +141,7 @@
135
141
  }
136
142
 
137
143
  .right-section {
138
- flex: 1;
144
+ width: 100%;
139
145
  display: flex;
140
146
  flex-direction: column;
141
147
  gap: 1.5rem;
@@ -146,19 +152,4 @@
146
152
  flex-direction: row;
147
153
  height: 60vh;
148
154
  overflow-y: auto;
149
- }
150
-
151
- .view-label-heading {
152
- @extend .typography.heading-s;
153
- color: theme(digitv2.lightTheme.text-primary);
154
- width: 20%;
155
- text-align: left;
156
- white-space: pre-wrap;
157
- word-wrap: break-word;
158
- }
159
-
160
- .view-label-text {
161
- @extend .typography.body-s;
162
- color: theme(digitv2.lightTheme.text-primary);
163
- width: 80%;
164
155
  }