@egovernments/digit-ui-health-css 0.2.108 → 0.2.110

package/package.json

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

package/src/pages/employee/campaign.scss

@@ -328,11 +328,6 @@
   box-shadow: none;
   border-style: none;
   padding: 1rem;
-  &::-webkit-scrollbar-button {
-    display: none !important;
-    height: 0 !important;
-    width: 0 !important;
-  }
 }
 .mobile-bezel-outerWrapper {
   transform: scale(0.8);
@@ -342,7 +337,7 @@
 .app-config-tag-page-fixed {
   position: fixed;
   top: 15rem;
-  left: 69rem;
+  left: 67rem;
   color: theme(digitv2.lightTheme.primary-2);
   font-family: theme(digitv2.fontFamily.rc);
   font-weight: 700;
@@ -621,7 +616,7 @@
 }
 .date-container-popUp {
   margin-top: 0.8rem;
-  margin-right: 1rem;
+  margin-right: 0rem;
   font-weight: bold;
   text-wrap: nowrap;
 }
@@ -634,7 +629,7 @@
 }
 .end-date-container-popUp {
   margin-top: 0.8rem;
-  margin-right: 1.5rem;
+  margin-right: 1rem;
   font-weight: bold;
   text-wrap: nowrap;
 }
@@ -765,12 +760,17 @@
   margin-left: unquote("min(10%, 12rem)");
   gap: 2rem;
   width: fit-content;
+  align-items: flex-end;
 }
 .feature-container {
   display: flex;
 }
 .app-config {
   width: auto;
+  margin-top: 1rem;
+  .toggle-option-container {
+    height: 7.5rem;
+  }
 }
 .progress-popup {
   .digit-popup-close {

package/src/pages/employee/campaignCommon.scss

@@ -133,7 +133,8 @@
     position: fixed;
     bottom: 0;
     right: 0;
-    width: calc(100vw - 4rem);
+    left: 0;
+    width: 100%;
     border-radius:1rem 1rem 0rem 0rem;
     background: #ffffff;
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);

package/src/pages/employee/campaignCycle.scss

@@ -232,7 +232,6 @@
 .card-header-delivery{
   display: flex;
   justify-content: space-between;
-  margin-top: 1.5rem !important;
 }
 
 .deliveryType-labelfield{
@@ -241,6 +240,7 @@
 
 .delivery-rule-container {
   margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
   .digit-card-header {
     .title {
       margin: 0 !important;

package/src/pages/employee/index.scss

@@ -917,7 +917,7 @@ tbody {
 .configure-app-tabs {
   .configure-app-tab-head {
     border: 1px solid #d6d5d4;
-    border-radius: 0.25rem;
+    border-radius: 0px;
     padding: 0.5rem 1rem;
     min-width: 2.5rem;
     height: 2rem;
@@ -942,6 +942,7 @@ tbody {
   height: 3rem;
   width: 10rem;
   min-width: 10rem;
+  margin-bottom: 5rem;
 }
 .app-configuration-side-panel {
   width: 24rem;
@@ -987,6 +988,14 @@ tbody {
   color: #0b4b66;
   font-size: 0.75rem;
   font-weight: 400;
+  height: 1.5rem;
+  .digit-tag-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+  }
+  .digit-tag-wrapper {
+    border-radius: 0.5rem;
+  }
 }
 .app-configure-drawer-footer-button {
   margin: auto;
@@ -1089,7 +1098,7 @@ tbody {
   }
 }
 .app-preview-field-pair.app-preview-selected {
-  background-color: #c84c0e33;
+  background-color: #c84c0e1a;
   border: 2px solid #c84c0e;
   border-radius: 1rem;
   .digit-field {
@@ -1148,11 +1157,13 @@ tbody {
   font-style: normal;
   color: theme(digitv2.lightTheme.primary-2);
   display: flex;
-  align-items: baseline;
+  align-items: center;
 }
 
 .icon-wrapper.app-config-tooltip {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0;
+  height: 2rem;
+  display: contents;
   .tooltip-wrapper {
     .tooltip-content {
       width: max-content !important;
@@ -1178,3 +1189,38 @@ tbody {
   border-radius: 50%;
   display: block;
 }
+.mobile-bezel-screen {
+  scrollbar-width: none;
+  scrollbar-color: #d6d5d4 transparent;
+
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 0px;
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    transition: background-color 0.3s ease;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important;
+  }
+
+  &.scrolling {
+    scrollbar-width: thin;
+    scrollbar-color: #d6d5d4 transparent;
+    transition: scrollbar-color 0.3s ease;
+    &::-webkit-scrollbar-thumb {
+      background-color: #d6d5d4;
+    }
+  }
+}