@egovernments/digit-ui-health-css 0.2.86 → 0.2.88

package/package.json

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

package/src/pages/employee/campaign.scss

@@ -259,7 +259,7 @@
   border-radius: 1rem;
   background-color: white;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-  margin: 5px auto;  /* updated margin since we added page no */
+  margin: 5px auto; /* updated margin since we added page no */
   font-family: Arial, sans-serif;
   scrollbar-width: thin; /* Firefox */
   scrollbar-color: #d6d5d4 #fafafa; /* Firefox */
@@ -310,7 +310,7 @@
   }
 
   .app-card {
-    height: 100%;
+    min-height: 100%;
     gap: 0.5rem;
     &::-webkit-scrollbar-button {
       display: none !important;
@@ -399,7 +399,7 @@
   width: 100% !important;
 }
 .campaign-header-style {
-  color: theme(digitv2.lightTheme.header-sidenav);
+  color: theme(digitv2.lightTheme.primary-2);
   font-size: 2.5rem;
 }
 .SubHeadingClass {
@@ -422,6 +422,9 @@
   color: theme(digitv2.lightTheme.primary);
   text-align: center;
   margin-top: 1.5rem;
+.disabledText {
+  color: #c5c5c5;
+}
 }
 .containerStyle {
   display: flex;
@@ -447,9 +450,9 @@
 }
 .disabledCard {
   cursor: not-allowed;
-  border: 1.5px solid theme(digitv2.lightTheme.text-color-secondary);
+  border: 1.5px solid #c5c5c5;
   .descStyle {
-    color: theme(digitv2.lightTheme.text-color-secondary);
+    color: #c5c5c5
   }
   svg {
     fill: theme(digitv2.lightTheme.text-color-secondary);
@@ -542,22 +545,24 @@
     }
     > *:last-child label {
       border-top-right-radius: 0.5rem;
-      border-bottom-right-radius: 0.5rem;      
+      border-bottom-right-radius: 0.5rem;
     }
   }
 }
 
-.digit-toggle-toolbar{&.app-config-tab{
-  max-width: 90%;
-  > *:first-child label {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-  > *:last-child label {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;      
+.digit-toggle-toolbar {
+  &.app-config-tab {
+    max-width: 90%;
+    > *:first-child label {
+      border-top-left-radius: 0.5rem;
+      border-bottom-left-radius: 0.5rem;
+    }
+    > *:last-child label {
+      border-top-right-radius: 0.5rem;
+      border-bottom-right-radius: 0.5rem;
+    }
   }
-}}
+}
 .module-description {
   flex-grow: 1;
   margin: 0 0 1rem 0;
@@ -577,33 +582,116 @@
   font-weight: bold;
   text-wrap: nowrap;
 }
-.pop-display{
+.pop-display {
   display: flex;
   margin-top: 1.5rem;
 }
-.popUp-header{
+.popUp-header {
   margin-bottom: 1.5rem;
 }
-.end-date-container-popUp{
+.end-date-container-popUp {
   margin-top: 0.8rem;
   margin-right: 1.5rem;
   font-weight: bold;
   text-wrap: nowrap;
 }
 
+.app-config-version-tags {
+  display: flex;
+  align-items: flex-end;
+  margin-right: 24rem;
+  justify-content: center;
+  margin-top: 0.75rem;
+  margin-bottom: 0.5rem;
+
+  .app-config-placeholder-version-tag {
+    width: 30%;
+  }
+  .app-config-version-tag {
+    width: 40%;
+  }
+}
+
+.content-group {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 1rem 0;
+  border-bottom: 1px solid #ddd;
+}
+
+.content-group.no-border {
+  border-bottom: none;
+  padding-bottom: 0rem;
+  margin-bottom: 0rem;
+}
+
+.content-icon {
+  width: 6.5rem;
+  height: 6.5rem;
+  object-fit: contain;
+  margin-top: 4px;
+  flex-shrink: 0;
+}
 
-.app-config-version-tags{
+.content-text-block {
   display: flex;
-   align-items: flex-end;
-    margin-right: 24rem;
-     justify-content: center;
-      margin-top: 0.75rem;
-    margin-bottom: 0.5rem; 
-
-    .app-config-placeholder-version-tag{
-      width: 30%;
-    }
-    .app-config-version-tag{
-      width: 40%;
+  flex-direction: column;
+}
+
+.content-bold-text {
+  font-weight: bold;
+  font-size: 1.5rem;
+  margin-bottom: 4px;
+  color: theme(digitv2.lightTheme.primary-2);
+}
+
+.content-regular-text {
+  font-size: theme(digitv2.fontSize.heading-s);
+  color: theme(digitv2.lightTheme.text-color-secondary);
+}
+
+/* Fallback text group */
+.text-group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 12px;
+}
+
+.bold-text {
+  font-weight: bold;
+  margin: 0;
+}
+
+.regular-text {
+  margin: 0;
+}
+
+.paragraph-text {
+  margin-bottom: 12px;
+}
+
+.image-block {
+  margin: 10px 0;
+}
+
+.responsive-image {
+  max-width: 100%;
+  height: auto;
+}
+
+.list-block {
+  padding-left: 20px;
+  margin-bottom: 12px;
+}
+.campaign-requirements-heading{
+  .digit-popup-icon-header-container{
+  .digit-popup-heading-subheading-wrap{
+    .digit-popup-heading{
+    color: theme(digitv2.lightTheme.primary-2);
     }
-}
+  }
+}
+}
+

package/src/pages/employee/campaignCommon.scss

@@ -293,6 +293,7 @@
 .cmn-help-info-card{
     margin: 1.5rem 1rem;
     max-width: 100%;
+    display: column;
     .cmn-help-info-card-elements-wrapper{
         margin-bottom: 0.5rem;
         flex-direction: column;
@@ -319,4 +320,5 @@
 
 .digit-text-block-header-content {
     flex-direction: column  !important;
-}
+}
+

package/src/pages/employee/index.scss

@@ -621,6 +621,9 @@ tbody {
   h2 {
     color: theme(digitv2.lightTheme.text-primary);
   }
+  div{
+    flex-direction: column;
+  }
 }
 
 .link {
@@ -1048,6 +1051,12 @@ tbody {
     .digit-description {
       display: flex !important;
     }
+    .selection-card-container {
+      .selection-card {
+        width: 100%;
+        justify-content: center;
+      }
+    }
   }
   .infotext {
     width: 12rem !important;