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

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.2.108
+ * @egovernments/digit-ui-health-css - 0.2.110
  *
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -3851,14 +3851,14 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 1.5rem !important; }
+  justify-content: space-between; }
 
 .deliveryType-labelfield {
   margin-top: .565rem; }
 
 .delivery-rule-container {
-  margin-top: 1.5rem; }
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem; }
   .delivery-rule-container .digit-card-header {
     font-size: 1.5rem !important;
     margin: 0;
@@ -4283,7 +4283,8 @@ header {
   position: fixed;
   bottom: 0;
   right: 0;
-  width: calc(100vw - 4rem);
+  left: 0;
+  width: 100%;
   border-radius: 1rem 1rem 0 0;
   background: #fff;
   -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
@@ -4722,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);
@@ -4783,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;
@@ -4800,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);
@@ -4813,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; }
@@ -5094,17 +5091,12 @@ header {
   font-size: [object Object];
   color: #505a5f; }
 
-.name-container-popUp {
-  margin-right: 0; }
-
 .date-container-popUp, .name-container-popUp {
   margin-top: .8rem;
+  margin-right: 0;
   font-weight: 700;
   text-wrap: nowrap; }
 
-.date-container-popUp {
-  margin-right: 1rem; }
-
 .pop-display {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5116,7 +5108,7 @@ header {
 
 .end-date-container-popUp {
   margin-top: .8rem;
-  margin-right: 1.5rem;
+  margin-right: 1rem;
   font-weight: 700;
   text-wrap: nowrap; }
 
@@ -5239,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;
@@ -5247,7 +5242,10 @@ header {
   display: flex; }
 
 .app-config {
-  width: auto; }
+  width: auto;
+  margin-top: 1rem; }
+  .app-config .toggle-option-container {
+    height: 7.5rem; }
 
 .progress-popup .digit-popup-close {
   display: none !important; }
@@ -7596,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;
@@ -7618,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;
@@ -7672,7 +7671,13 @@ 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; }
 
 .app-configure-drawer-footer-button {
   margin: auto; }
@@ -7794,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 {
@@ -7854,12 +7859,14 @@ 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;
     width: -moz-max-content !important;
@@ -7886,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; }