@egovernments/digit-ui-health-css 0.2.77 → 0.2.79

package/package.json

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

package/src/index.scss

@@ -19,4 +19,5 @@
 @import "./pages/employee/checklist.scss";
 @import "./pages/employee/mapview.scss";
 @import "./pages/employee/payment.scss";
-@import "./pages/employee/healthdss.scss";
+@import "./pages/employee/healthdss.scss";
+@import "./pages/employee/mycampaignsnew.scss";

package/src/pages/employee/campaign.scss

@@ -247,9 +247,10 @@
   display: flex;
   gap: 1rem;
 }
+
 .app-preview {
   display: flex;
-  width: 25rem;
+  width: 29rem;
   height: 40rem;
   overflow-y: auto;
   border: 1px solid theme(digitv2.lightTheme.primary);
@@ -258,29 +259,64 @@
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
   margin: 20px auto;
   font-family: Arial, sans-serif;
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #d6d5d4 #fafafa; /* Firefox */
+
+  &::-webkit-scrollbar {
+    width: 5px;
+    background: #fafafa;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #d6d5d4;
+    border-radius: 8px;
+    min-height: 40px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #fafafa;
+    border-radius: 8px;
+  }
+
+  &::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important;
+  }
+
   .digit-card-component {
     height: max-content;
-    .digit-description{
-      .digit-card-text{
+
+    .digit-description {
+      .digit-card-text {
         margin-bottom: 0rem;
-      } 
+      }
     }
   }
+
   .digit-card-header {
     color: #0b4b66;
     font-size: 2rem;
     font-weight: 700;
   }
+
   .digit-card-text {
     color: #787878;
     font-weight: 400;
     font-size: 0.875rem;
     line-height: 137%;
   }
-  .app-card{
+
+  .app-card {
     gap: 0.5rem;
+    &::-webkit-scrollbar-button {
+      display: none !important;
+      height: 0 !important;
+      width: 0 !important;
+    }
   }
 }
+
 .mobile-top {
   background-color: theme(digitv2.lightTheme.header-sidenav);
   height: 4rem;
@@ -406,22 +442,21 @@
   transition: box-shadow 0.3s ease-in-out;
   background-color: #fff;
 }
-.disabledCard{
+.disabledCard {
   cursor: not-allowed;
   border: 1.5px solid theme(digitv2.lightTheme.text-color-secondary);
- .descStyle{
-  color:theme(digitv2.lightTheme.text-color-secondary);
-
- }
- svg{
-  fill:theme(digitv2.lightTheme.text-color-secondary);
- }
+  .descStyle {
+    color: theme(digitv2.lightTheme.text-color-secondary);
+  }
+  svg {
+    fill: theme(digitv2.lightTheme.text-color-secondary);
+  }
 }
 
-.app-config-radio{
+.app-config-radio {
   display: flex;
   margin-top: 1rem;
-  flex-direction:column;
+  flex-direction: column;
 }
 .create-campaign-card {
   gap: 0;
@@ -457,7 +492,7 @@
 }
 .campaign-details-header {
   display: flex;
-  justify-content: space-between
+  justify-content: space-between;
 }
 .campaign-view-tag {
   margin-left: 1rem;
@@ -481,7 +516,7 @@
 .date-selection {
   width: 100% !important;
 }
-.beneficiary-selection-label{
+.beneficiary-selection-label {
   margin-bottom: 0rem;
 }
 .selected-card {
@@ -493,12 +528,11 @@
   color: theme(digitv2.lightTheme.primary);
 }
 
-.hcm-app-features{
+.hcm-app-features {
   .digit-toggle-toolbar {
     margin-top: 1rem;
     margin-bottom: 0.5rem;
   }
-
 }
 .module-description {
   flex-grow: 1;
@@ -506,4 +540,4 @@
   font-family: theme(digitv2.fontFamily.sans);
   font-size: theme(digitv2.fontSize.heading-s);
   color: theme(digitv2.lightTheme.text-color-secondary);
-}
+}

package/src/pages/employee/index.scss

@@ -939,7 +939,7 @@ tbody {
   min-width: 12.5rem;
 }
 .app-configuration-side-panel {
-  width: 23rem;
+  width: 24rem;
   background-color: #ffffff;
 }
 .appConfigHeaderLabelField {
@@ -980,10 +980,11 @@ tbody {
   }
 }
 .appConfigLabelField-label {
+  @extend .typography.heading-s;
+  color: theme(digitv2.lightTheme.text-secondary);
   margin-bottom: 0.5rem;
   font-size: 1rem;
   font-weight: 700;
-  color: #787878;
 }
 .app-preview-action-button {
   margin-top: auto;
@@ -1056,3 +1057,36 @@ tbody {
 .app-preview-field-button {
   width: 100%;
 }
+
+.drawer-toggle-field-container {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  border: 1px solid #d6d5d4;
+  background: #fafafa;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  .digit-switch-container {
+    .digit-switch-label {
+      @extend .typography.body-s;
+      color: theme(digitv2.lightTheme.text-color-secondary);
+    }
+  }
+  .drawer-toggle-conditional-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.1rem;
+    .digit-header-content.label {
+      @extend .typography.body-s;
+      color: theme(digitv2.lightTheme.text-color-secondary);
+      width: 100%;
+    }
+    .digit-field {
+      width: 100%;
+    }
+  }
+}
+.app-config-drawer-subheader{
+  @extend .typography.caption-s;
+  color: theme(digitv2.lightTheme.primary-2)
+}

package/src/pages/employee/mycampaignsnew.scss

@@ -0,0 +1,91 @@
+.digit-results-card-component {
+    gap: 1.5rem;
+    box-shadow: 0rem 0.063rem 0.331rem 0rem #00000026;
+    border-bottom-left-radius: 0rem;
+    border-bottom-right-radius: 0rem;
+
+    .digit-results-card-heading-tags-wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .digit-results-card-heading {
+            color: theme(digitv2.lightTheme.primary-2);
+            font-family: theme(digitv2.fontFamily.sans);
+            font-style: theme(digitv2.fontStyle.normal);
+            font-weight: theme(digitv2.fontWeight.bold);
+            line-height: 1.14rem;
+
+            @media (max-aspect-ratio: 9/16) {
+                /* Media query for mobile */
+                font-size: theme(digitv2.fontSize.heading-m.mobile);
+            }
+
+            @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+                /* Media query for tablets */
+                font-size: theme(digitv2.fontSize.heading-m.tablet);
+            }
+
+            @media (min-aspect-ratio: 3/4) {
+                /* Media query for desktop */
+                font-size: theme(digitv2.fontSize.heading-m.desktop);
+            }
+        }
+
+        .digit-results-card-tags {
+            display: flex;
+            gap: 1rem;
+        }
+    }
+
+    .digit-results-card-content {
+        display: flex;
+        align-items: stretch;
+
+        .left-column,
+        .right-column {
+            flex: 1;
+            flex-direction: column;
+            gap: 1.5rem;
+            display: flex !important;
+        }
+
+        .right-column {
+            margin-left: 1.5rem;
+        }
+
+        .digit-divider {
+            width: 0rem;
+            border-color: #BFBFBF;
+        }
+    }
+}
+
+.digit-results-card-buttons {
+    padding: 1.5rem;
+    background: theme(digitv2.lightTheme.paper);
+    margin-top: -1.5rem;
+    box-shadow: 0rem 0rem 0.431rem 0rem #00000026;
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    display: flex;
+    justify-content: space-between;
+
+
+    .digit-results-card-buttons-internal {
+        display: flex;
+        gap: 1rem;
+    }
+}
+
+.digit-viewcard-field-pair {
+    &.digit-results-card-field-pair {
+        .digit-viewcard-label {
+            color: theme(digitv2.lightTheme.primary-2);
+        }
+
+        .digit-viewcard-value {
+            color: #787878;
+        }
+    }
+}