@egovernments/digit-ui-health-css 0.2.109 → 0.2.111

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.2.109",
+  "version": "0.2.111",
   "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;
@@ -541,8 +536,8 @@
 }
 
 .module-card {
-  width: 20rem;
-  height: 23rem;
+  width: 21rem;
+  height: 20rem;
   border: 1px;
   border-radius: 0.75rem;
 }
@@ -615,15 +610,15 @@
 }
 .name-container-popUp {
   margin-top: 0.8rem;
-  margin-right: 0rem;
   font-weight: bold;
   text-wrap: nowrap;
+  width: 3.125rem;
 }
 .date-container-popUp {
   margin-top: 0.8rem;
-  margin-right: 0rem;
   font-weight: bold;
   text-wrap: nowrap;
+  width: 3.125rem;
 }
 .pop-display {
   display: flex;
@@ -634,9 +629,9 @@
 }
 .end-date-container-popUp {
   margin-top: 0.8rem;
-  margin-right: 1rem;
   font-weight: bold;
   text-wrap: nowrap;
+  width: 3.125rem;
 }
 
 .app-config-version-tags {
@@ -765,6 +760,7 @@
   margin-left: unquote("min(10%, 12rem)");
   gap: 2rem;
   width: fit-content;
+  align-items: flex-end;
 }
 .feature-container {
   display: flex;
@@ -772,9 +768,9 @@
 .app-config {
   width: auto;
   margin-top: 1rem;
-  .toggle-option-container{
+  .toggle-option-container {
     height: 7.5rem;
-  } 
+  }
 }
 .progress-popup {
   .digit-popup-close {

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,7 +988,12 @@ tbody {
   color: #0b4b66;
   font-size: 0.75rem;
   font-weight: 400;
-  .digit-tag-wrapper{
+  height: 1.5rem;
+  .digit-tag-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+  }
+  .digit-tag-wrapper {
     border-radius: 0.5rem;
   }
 }
@@ -1092,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 {
@@ -1151,11 +1157,12 @@ 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 {
@@ -1182,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;
+    }
+  }
+}