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

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.2.109
+ * @egovernments/digit-ui-health-css - 0.2.110
  *
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -4723,12 +4723,14 @@ header {
 
 .date-style {
   max-width: 37.5rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   grid-gap: 1rem;
   gap: 1rem; }
 
+.app-preview, .date-style {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
 .app-preview {
   width: 29rem;
   height: calc(100vh - 22rem);
@@ -4784,16 +4786,14 @@ header {
       height: 0 !important;
       width: 0 !important; }
 
-.app-card, .app-preview {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex; }
-
 .app-card {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   min-height: 100%;
   grid-gap: .5rem;
   gap: .5rem;
@@ -4801,10 +4801,6 @@ header {
   box-shadow: none;
   border-style: none;
   padding: 1rem; }
-  .app-card::-webkit-scrollbar-button {
-    display: none !important;
-    height: 0 !important;
-    width: 0 !important; }
 
 .mobile-bezel-outerWrapper {
   -webkit-transform: scale(0.8);
@@ -4814,7 +4810,7 @@ header {
 .app-config-tag-page-fixed {
   position: fixed;
   top: 15rem;
-  left: 69rem;
+  left: 67rem;
   color: #0b4b66;
   font-family: Roboto Condensed;
   font-weight: 700; }
@@ -5235,7 +5231,10 @@ header {
   margin-right: 24rem;
   margin-left: min(10%, 12rem);
   grid-gap: 2rem;
-  gap: 2rem; }
+  gap: 2rem;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
 
 .app-config-flex-container, .feature-container {
   display: -webkit-box;
@@ -7595,7 +7594,7 @@ tbody tr:nth-child(odd) {
 
 .configure-app-tabs .configure-app-tab-head {
   border: 1px solid #d6d5d4;
-  border-radius: .25rem;
+  border-radius: 0;
   padding: .5rem 1rem;
   min-width: 2.5rem;
   height: 2rem;
@@ -7617,7 +7616,8 @@ tbody tr:nth-child(odd) {
   padding: .25rem;
   height: 3rem;
   width: 10rem;
-  min-width: 10rem; }
+  min-width: 10rem;
+  margin-bottom: 5rem; }
 
 .app-configuration-side-panel {
   width: 24rem;
@@ -7671,7 +7671,11 @@ tbody tr:nth-child(odd) {
   border: .0031rem solid #0b4b66;
   color: #0b4b66;
   font-size: .75rem;
-  font-weight: 400; }
+  font-weight: 400;
+  height: 1.5rem; }
+  .app-config-field-tag .digit-tag-text {
+    font-size: .75rem;
+    font-weight: 400; }
   .app-config-field-tag .digit-tag-wrapper {
     border-radius: .5rem; }
 
@@ -7795,7 +7799,7 @@ tbody tr:nth-child(odd) {
     width: 12rem !important; }
 
 .app-preview-field-pair.app-preview-selected {
-  background-color: rgba(200, 76, 14, 0.2);
+  background-color: rgba(200, 76, 14, 0.10196);
   border: 2px solid #c84c0e;
   border-radius: 1rem; }
   .app-preview-field-pair.app-preview-selected .digit-field .digit-radio-options-wrap {
@@ -7855,12 +7859,13 @@ tbody tr:nth-child(odd) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline; }
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
 .icon-wrapper.app-config-tooltip {
-  margin-bottom: .5rem;
+  margin-bottom: 0;
+  height: 2rem;
   display: contents; }
   .icon-wrapper.app-config-tooltip .tooltip-wrapper .tooltip-content {
     width: -webkit-max-content !important;
@@ -7888,3 +7893,28 @@ tbody tr:nth-child(odd) {
   background-color: #d9d9d9;
   border-radius: 50%;
   display: block; }
+
+.mobile-bezel-screen {
+  scrollbar-width: none;
+  scrollbar-color: #d6d5d4 transparent;
+  overflow-y: auto; }
+  .mobile-bezel-screen::-webkit-scrollbar {
+    width: 0;
+    background: transparent; }
+  .mobile-bezel-screen::-webkit-scrollbar-thumb {
+    background-color: initial;
+    -webkit-transition: background-color .3s ease;
+    transition: background-color .3s ease; }
+  .mobile-bezel-screen::-webkit-scrollbar-track {
+    background: transparent; }
+  .mobile-bezel-screen::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important; }
+  .mobile-bezel-screen.scrolling {
+    scrollbar-width: thin;
+    scrollbar-color: #d6d5d4 transparent;
+    -webkit-transition: scrollbar-color .3s ease;
+    transition: scrollbar-color .3s ease; }
+    .mobile-bezel-screen.scrolling::-webkit-scrollbar-thumb {
+      background-color: #d6d5d4; }