@egovernments/digit-ui-health-css 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",
@@ -66,4 +66,4 @@
     "digit-ui",
     "css"
   ]
-}
+}

package/src/pages/employee/campaign.scss

@@ -4,6 +4,7 @@
 .summary-header {
   @extend .typography.text-heading-l;
   font-size: 2.25rem;
+  margin-bottom: 1.5rem !important;
 }
 .date-field-container {
   display: grid;
@@ -135,8 +136,7 @@
   align-items: stretch;
 }
 .stepper-card {
-  height: 39rem;
-  margin-bottom: 1.5rem !important;
+  height: 37rem;
   padding-top: 0rem;
 }
 .stepper-subheader {
@@ -231,8 +231,8 @@
 }
 .data-mapping-filter-switch {
   float: right;
-  margin-bottom: 1.5rem;
   margin-right: 5rem;
+  margin-bottom: 0rem;
 }
 .digit-label-field-pair.multiselect-label-field {
   > div:nth-of-type(1) {
@@ -294,4 +294,11 @@
       padding-top: 0 !important;
       overflow: visible;
   }
+}
+.rdt_TableBody {
+  border: 1px solid #ccc !important; 
+  width: 100% !important;
+}
+.rdt_Table{
+  width: 100% !important;
 }

package/src/pages/employee/campaignCycle.scss

@@ -17,13 +17,13 @@
     padding: 1rem;
     margin-right: 1rem;
     margin-bottom: 1.5rem;
-    .card-text {
+    .digit-card-text {
       margin: 0;
       font-weight: 700;
     }
     .header-container {
       display: flex;
-      align-items: flex-end;
+      align-items: baseline;
       justify-content: space-between;
     }
   }
@@ -229,9 +229,19 @@
   margin-bottom: 1.5rem !important;
 }
 
+.card-header-delivery{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 1.5rem !important;
+}
+
+.deliveryType-labelfield{
+  margin-top: 0.565rem;
+}
+
 .delivery-rule-container {
-  padding-top: 0;
-  .card-header {
+  margin-top: 1.5rem;
+  .digit-card-header {
     .title {
       margin: 0 !important;
     }
@@ -260,15 +270,17 @@
   }
 }
 .attribute-field-wrapper {
+  margin-top: 0rem;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   align-items: center;
   gap: 2.5rem;
-  .label-field-pair {
+  .digit-label-field-pair {
     flex-direction: column;
     align-items: flex-start !important;
-    .card-label.card-label-smaller {
+    .digit-card-label.card-label-smaller {
       font-weight: 700;
+      margin-bottom: 0rem;
     }
     .employee-select-wrap.form-field {
       width: 100%;
@@ -287,6 +299,7 @@
 .add-rule-btn {
   margin: auto;
   margin-bottom: 1rem;
+  margin-top: 1.5rem;
   h2 {
     font-family: Roboto;
     font-size: 1rem;

package/src/pages/employee/index.scss

@@ -39,6 +39,7 @@
     margin-right: 0rem;
     padding-right: 0;
     margin-bottom: 0rem;
+    min-height: calc(100vh - 10em);
 
 
     .ground-container.digit-home-ground {
@@ -502,6 +503,7 @@ tbody {
 .loginFormStyleEmployee {
   .loginCardClassName {
     .digit-header-content {
+      margin-bottom: 1.5rem;
       &:not(label) {
         display: flex;
         justify-content: center;
@@ -630,7 +632,10 @@ tbody {
   border: 1px solid #d4351c;
 }
 
-.label-field-pair.delivery-type-radio {
+.digit-label-field-pair.delivery-type-radio {
+  margin: 0rem;
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
   gap: 5rem;
 
   .digit-radio-options-wrap {
@@ -896,4 +901,4 @@ tbody {
   .digit-landing-page-card{
     min-width: fit-content;
   }
-}
+}

package/src/pages/employee/payment.scss

@@ -39,73 +39,69 @@
     text-align: start;
 }
 
+/* Main Wrapper */
 .custom-register-inbox-screen {
-
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }
 
-
+/* Row Section - Ensures Both Sections Have the Same Height */
 .custom-register-inbox-screen .inner-div-row-section {
-
     width: 100%;
     display: flex;
     flex-direction: row;
     gap: 1.5rem;
+    min-height: 80vh;
+    height: auto;
+    align-items: stretch;
+    /* Forces both sections to stay equal in height */
 }
 
+/* Filter Section - Fixed to 30% Width */
 .custom-register-inbox-screen .custom-inbox-filter-section {
-
-    width: 30%;
+    flex: 0 0 20%;
+    /* Fixes width to 30%, prevents unwanted expansion */
     display: flex;
     flex-direction: column;
-    gap: 1.5rem;
-    height: 80vh;
-}
-
-
-.custom-register-inbox-screen .custom-inbox-inner-filter-section {
-
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    height: 75vh;
+    height: 100%;
+    /* Ensures it stretches with table */
+    min-height: 100%;
     overflow-y: auto;
 }
 
-
-
-
+/* Table Section - Takes Remaining 70% */
 .custom-register-inbox-screen .custom-inbox-outer-table-section {
-
-    width: 100%;
+    flex: 1;
+    /* Takes remaining width (70%) */
     display: flex;
-    flex-direction: row;
-    gap: 1.5rem;
+    flex-direction: column;
+    height: 100%;
+    /* Matches filter height */
+    min-height: 100%;
+    overflow-y: auto;
 }
 
+/* Inner Table Section */
 .custom-inbox-outer-table-section .inner-table-section {
-
     width: 100%;
     display: flex;
     flex-direction: column;
-    height: 75vh;
-    min-height: 75vh;
+    flex-grow: 1;
+    /* Makes sure table stretches */
 }
 
+/* Table Card Override */
 .custom-inbox-outer-table-section .card-overide {
     max-width: 100%;
     overflow: auto;
     margin: 0px;
-    height: 75vh;
+    flex-grow: 1;
+    /* Makes sure the table always fills height */
 }
 
-
-
-
-
+/* Reset Proximity Icon */
 .on-icon-reset-proximity {
     border: 1px solid #e0e0e0;
     padding: 6px;
@@ -113,14 +109,12 @@
     cursor: pointer;
 }
 
-
+/* Bill Inbox */
 .custom-bill-inbox {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     margin-bottom: 2.5rem;
-
-
 }
 
 .bill-container {
@@ -141,7 +135,7 @@
 }
 
 .right-section {
-    width: 100%;
+    flex: 1;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
@@ -152,4 +146,19 @@
     flex-direction: row;
     height: 60vh;
     overflow-y: auto;
+}
+
+.view-label-heading {
+    @extend .typography.heading-s;
+    color: theme(digitv2.lightTheme.text-primary);
+    width: 20%;
+    text-align: left;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+.view-label-text {
+    @extend .typography.body-s;
+    color: theme(digitv2.lightTheme.text-primary);
+    width: 80%;
 }