@egovernments/digit-ui-health-css 0.3.3 → 0.3.5

package/package.json

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

package/src/components/microplan.scss

@@ -583,8 +583,4 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
 
 .mp-hypothesis-label-field.addColumnsScreen .assumption-label{
   width: 20%;
-}
-
-.new-columns-screen{
-  width:37%;
 }

package/src/pages/employee/campaign.scss

@@ -216,7 +216,7 @@
     color: #0057bd !important;
   }
   background-color: #eff8ff !important;
-  border-color:  #0057bd !important;
+  border-color: #0057bd !important;
 }
 .digit-popup-wrapper.dataMapping {
   .digit-popup-children-wrap {
@@ -425,7 +425,7 @@
   color: theme(digitv2.lightTheme.primary-2);
   font-size: 2.5rem;
 }
-.campaign-header-module-style{
+.campaign-header-module-style {
   color: theme(digitv2.lightTheme.primary-2);
   font-size: 2.5rem;
   margin-bottom: 1rem !important;
@@ -542,14 +542,21 @@
   height: 20rem;
   border: 1px;
   border-radius: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+                  
 }
 .modules-container {
   display: flex;
   gap: 1.5rem;
-  align-items: flex-start;
+  flex-wrap: wrap;
+  align-items: stretch;
   padding-left: 0rem;
   padding: 1rem;
   padding-left: 0rem;
+  grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
+
 }
 
 .modules-feature-container {
@@ -617,6 +624,7 @@
   font-family: theme(digitv2.fontFamily.sans);
   font-size: theme(digitv2.fontSize.heading-s);
   color: theme(digitv2.lightTheme.text-color-secondary);
+  overflow-wrap: break-word;
 }
 .name-container-popUp {
   margin-top: 0.8rem;
@@ -666,11 +674,10 @@
   }
 }
 
-.version-tag{
-  .digit-tag-text{
+.version-tag {
+  .digit-tag-text {
     font-size: 0.75rem;
   }
-
 }
 
 .content-group {
@@ -808,10 +815,16 @@
   top: 1rem;
   right: 1rem;
 }
-.dynamic-image-component{
+.dynamic-image-component {
   max-width: 100%;
   margin-bottom: -2.5rem;
 }
-.start-header{
+.start-header {
   color: theme(digitv2.lightTheme.primary-2) !important;
-}
+}
+.digit-loader-new.Overlayloader.loader-center {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}

package/src/pages/employee/campaignCommon.scss

@@ -343,3 +343,15 @@ margin-bottom: 0rem;
   }
 }
 
+
+
+
+.campaign-popup-wrap{
+  
+  .digit-popup-children-wrap{
+    overflow: visible !important;
+  }
+}
+
+
+

package/src/pages/employee/campaignCycle.scss

@@ -1,15 +1,17 @@
 @import "../../typography.scss";
 
 .campaign-cycle-container {
-  .campaign-tabs-container {
-  }
+  .campaign-tabs-container {}
+
   .sub-tab-container {
     margin-top: 5px;
     padding: 1.5rem;
+
     .card-text {
       margin-bottom: 0;
     }
   }
+
   .add-resource-container {
     background-color: #fafafa;
     border: 1px solid #d6d5d4;
@@ -17,16 +19,19 @@
     padding: 1rem;
     margin-right: 1rem;
     margin-bottom: 1.5rem;
+
     .digit-card-text {
       margin: 0;
       font-weight: 700;
     }
+
     .header-container {
       display: flex;
       align-items: baseline;
       justify-content: space-between;
     }
   }
+
   .delete-resource-icon {
     cursor: pointer;
     font-weight: 600;
@@ -36,29 +41,37 @@
     gap: 0.5rem;
     align-items: center;
   }
+
   .add-resource-label-field-container {
     display: grid;
     grid-template-columns: 2fr 1fr;
     grid-gap: 2rem;
+
     .options-card {
       max-height: 10rem !important;
     }
   }
+
   .popup-wrap {
     .popup-module-main {
       max-height: 707px;
       overflow-y: auto;
       width: 99%;
+
       &::-webkit-scrollbar {
         width: 0.5rem;
         background: transparent;
       }
+
       &::-webkit-scrollbar-thumb {
-        background: #d6d5d4; /* Color of the scrollbar thumb */
-        border-radius: 5px; /* Adjust the border-radius for rounded corners */
+        background: #d6d5d4;
+        /* Color of the scrollbar thumb */
+        border-radius: 5px;
+        /* Adjust the border-radius for rounded corners */
         height: 0.5rem;
       }
     }
+
     .popup-module-action-bar {
       .selector-button-primary {
         padding: 0.6rem 2.5rem;
@@ -69,46 +82,56 @@
     }
   }
 }
+
 .selector-button-primary {
   background-color: theme(digitv2.lightTheme.primary);
 }
+
 .campaign-breadcrumb {
   margin: 0;
   margin-bottom: 1.5rem;
   color: theme(digitv2.lightTheme.primary) !important;
 }
+
 .sc-jlZhew.dVtbRz {
   overflow: hidden;
 }
+
 .campaign-popup-module {
   margin: auto;
   width: calc(100% - 5rem);
 }
+
 .campaign-bulk-upload {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 1.5rem;
+
   .campaign-download-template-btn {
     font-weight: 700;
   }
 }
+
 .bulk-info-text {
   margin-bottom: 1.5rem;
 }
+
 .delete-and-download-button {
   display: flex;
   gap: 1.5rem;
 }
+
 .bulk-upload-file {
   .uploaded-file-container {
     margin: 0;
     margin-bottom: 1.5rem;
   }
 }
+
 .uploaded-file-container {
   margin: 0rem;
   padding: 1rem;
 }
+
 .upload-drag-drop-container {
   background-color: #fafafa;
   border: 1.5px dashed #d6d5d4;
@@ -137,9 +160,11 @@
 
 .upload-drag-drop-container {
   margin-left: 0rem;
+
   .drag-drop {
     color: #b1b4b6;
   }
+
   .browse-text {
     text-decoration: underline;
     color: theme(digitv2.lightTheme.primary);
@@ -150,23 +175,29 @@
 .campaign-counter-container {
   padding: 1.5rem;
   padding-bottom: 0.5rem;
+
   .card-text {
     margin-top: 0;
   }
+
   .label-field-pair {
     margin-bottom: 1rem;
+
     .card-label {
       font-weight: 700;
     }
   }
+
   .date-field-container {
     display: grid;
     grid-template-columns: 18.75rem 18.75rem;
     grid-gap: 1.5rem;
     width: 100%;
   }
+
   .PlusMinus {
     width: 30%;
+
     input {
       width: 100%;
     }
@@ -188,6 +219,7 @@
   margin-bottom: -6px;
   border: 1px solid #d6d5d4;
   background-color: #fafafa;
+
   &.active {
     height: 3.375rem;
     background-color: #ffffff;
@@ -200,10 +232,12 @@
     font-size: 1.5rem;
     cursor: default;
   }
+
   :focus {
     outline: none;
   }
 }
+
 .campaign-sub-tab-head {
   outline: none;
   background-color: #ffffff;
@@ -213,6 +247,7 @@
   width: 9.188rem;
   font-size: 1rem;
   font-weight: 400;
+
   &.active {
     background-color: theme(digitv2.lightTheme.primary);
     color: #ffffff;
@@ -226,27 +261,30 @@
     cursor: default;
   }
 }
+
 .tab-content-header {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem !important;
 }
 
-.card-header-delivery{
+.card-header-delivery {
   display: flex;
   justify-content: space-between;
 }
 
-.deliveryType-labelfield{
+.deliveryType-labelfield {
   margin-top: 0.565rem;
 }
 
 .delivery-rule-container {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
+
   .digit-card-header {
     .title {
       margin: 0 !important;
     }
+
     font-size: 1.5rem !important;
     margin: 0;
     display: flex;
@@ -254,13 +292,16 @@
     justify-content: space-between;
     font-family: theme(digitv2.fontFamily.sans);
   }
+
   .attribute-container {
     border: 1px solid #d6d5d4;
     background-color: #fafafa;
     padding: 1rem;
+
     .add-attribute {
       width: 74.5%;
       justify-content: center;
+
       h2 {
         font-size: 1rem;
         font-family: Roboto;
@@ -270,43 +311,53 @@
     }
   }
 }
+
 .attribute-field-wrapper {
   margin-top: 0rem;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   align-items: center;
   gap: 2.5rem;
+
   .digit-label-field-pair {
     flex-direction: column;
     align-items: flex-start !important;
+
     .digit-card-label.card-label-smaller {
       font-weight: 700;
       margin-bottom: 0rem;
     }
+
     .employee-select-wrap.form-field {
       width: 100%;
     }
+
     .digit-employee-card-input {
       margin-bottom: 0;
     }
   }
+
   .options-card {
     max-height: 10rem !important;
   }
+
   .card-label {
     margin-bottom: 0.5rem;
   }
 }
+
 .add-rule-btn {
   margin: auto;
   margin-bottom: 1rem;
   margin-top: 1.5rem;
+
   h2 {
     font-family: Roboto;
     font-size: 1rem;
     font-weight: 600;
   }
 }
+
 .add-product-btn {
   h2 {
     font-family: Roboto;
@@ -314,35 +365,43 @@
     font-weight: 600;
   }
 }
+
 .popup-wrap.campaign-product-wrapper {
   .popup-module {
     width: 70%;
     padding-left: 1.5rem;
     padding-bottom: 1.5rem;
+
     .header-wrap {
       font-size: 1.5rem;
       font-weight: 700;
+
       .header-content.popup-header-fix {
         margin-top: 1.5rem;
       }
     }
   }
+
   .popup-module-action-bar {
     margin-top: 1.5rem;
     margin-right: 1.5rem;
   }
+  
 }
+
 .search-button-wrapper {
   grid-column-end: -1 !important;
   flex-direction: row !important;
 }
-.add-resource-modal {
-}
+
+.add-resource-modal {}
+
 .add-resource-wrapper {
   .link {
     color: theme(digitv2.lightTheme.primary);
   }
 }
+
 .digit-toast-success {
   margin-bottom: -1.25rem;
-}
+}

package/src/pages/employee/coreOverride.scss

@@ -234,6 +234,7 @@ header {
     .ground-container {
       &.digit-home-ground {
         margin-left: 0.75rem;
+        margin-bottom: 1.5rem;
       }
     }
   }

package/src/pages/employee/healthdss.scss

@@ -558,6 +558,7 @@
   align-items: stretch;
   justify-content: flex-start;
   gap: 1.5rem;
+  flex-wrap: wrap;
 
   .digit-dss-card-parent {
     flex: 1;
@@ -577,7 +578,6 @@
 .digit-loader-new {
   &.digit-center-loader {
     width: 100%;
-    height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -737,8 +737,9 @@
 }
 
 .digit-stacked-collection-card {
-  width: 33%;
+  /*width: 33%;*/
   gap: 2rem;
+  flex: 1 1 0;
 }
 
 .digit-dss-options-header-wrapper {
@@ -1075,6 +1076,11 @@
   gap: 1.5rem;
   align-items: stretch;
   margin-bottom: 1.5rem;
+  flex-wrap: wrap;
+
+  .digit-chart-item{
+    flex: 1 1 0;
+  }
 }
 
 .wrapper-child {

package/src/pages/employee/index.scss

@@ -38,13 +38,13 @@
     margin-left: 0;
     margin-right: 0rem;
     padding-right: 0;
-    margin-bottom: 0rem;
+    margin-bottom: 1.5rem;
     min-height: calc(100vh - 10em);
 
     .ground-container.digit-home-ground {
       padding: 0;
       padding-right: 0;
-      margin-bottom: 0rem;
+      margin-bottom: 1.5rem;
 
       .employee-app-container.digit-home-employee-app {
         .ground-container.moduleCardWrapper.gridModuleWrapper.digit-home-moduleCardWrapper {
@@ -52,7 +52,7 @@
           padding-right: 0;
           margin-top: 1.5rem;
           margin-left: 1rem;
-          margin-bottom: 0rem;
+          margin-bottom: 1.5rem;
           padding: 0;
           display: grid !important;
           grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));