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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-health-css",
3
- "version": "0.2.109",
3
+ "version": "0.2.110",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egov.org.in>",
@@ -328,11 +328,6 @@
328
328
  box-shadow: none;
329
329
  border-style: none;
330
330
  padding: 1rem;
331
- &::-webkit-scrollbar-button {
332
- display: none !important;
333
- height: 0 !important;
334
- width: 0 !important;
335
- }
336
331
  }
337
332
  .mobile-bezel-outerWrapper {
338
333
  transform: scale(0.8);
@@ -342,7 +337,7 @@
342
337
  .app-config-tag-page-fixed {
343
338
  position: fixed;
344
339
  top: 15rem;
345
- left: 69rem;
340
+ left: 67rem;
346
341
  color: theme(digitv2.lightTheme.primary-2);
347
342
  font-family: theme(digitv2.fontFamily.rc);
348
343
  font-weight: 700;
@@ -765,6 +760,7 @@
765
760
  margin-left: unquote("min(10%, 12rem)");
766
761
  gap: 2rem;
767
762
  width: fit-content;
763
+ align-items: flex-end;
768
764
  }
769
765
  .feature-container {
770
766
  display: flex;
@@ -772,9 +768,9 @@
772
768
  .app-config {
773
769
  width: auto;
774
770
  margin-top: 1rem;
775
- .toggle-option-container{
771
+ .toggle-option-container {
776
772
  height: 7.5rem;
777
- }
773
+ }
778
774
  }
779
775
  .progress-popup {
780
776
  .digit-popup-close {
@@ -917,7 +917,7 @@ tbody {
917
917
  .configure-app-tabs {
918
918
  .configure-app-tab-head {
919
919
  border: 1px solid #d6d5d4;
920
- border-radius: 0.25rem;
920
+ border-radius: 0px;
921
921
  padding: 0.5rem 1rem;
922
922
  min-width: 2.5rem;
923
923
  height: 2rem;
@@ -942,6 +942,7 @@ tbody {
942
942
  height: 3rem;
943
943
  width: 10rem;
944
944
  min-width: 10rem;
945
+ margin-bottom: 5rem;
945
946
  }
946
947
  .app-configuration-side-panel {
947
948
  width: 24rem;
@@ -987,7 +988,12 @@ tbody {
987
988
  color: #0b4b66;
988
989
  font-size: 0.75rem;
989
990
  font-weight: 400;
990
- .digit-tag-wrapper{
991
+ height: 1.5rem;
992
+ .digit-tag-text {
993
+ font-size: 0.75rem;
994
+ font-weight: 400;
995
+ }
996
+ .digit-tag-wrapper {
991
997
  border-radius: 0.5rem;
992
998
  }
993
999
  }
@@ -1092,7 +1098,7 @@ tbody {
1092
1098
  }
1093
1099
  }
1094
1100
  .app-preview-field-pair.app-preview-selected {
1095
- background-color: #c84c0e33;
1101
+ background-color: #c84c0e1a;
1096
1102
  border: 2px solid #c84c0e;
1097
1103
  border-radius: 1rem;
1098
1104
  .digit-field {
@@ -1151,11 +1157,12 @@ tbody {
1151
1157
  font-style: normal;
1152
1158
  color: theme(digitv2.lightTheme.primary-2);
1153
1159
  display: flex;
1154
- align-items: baseline;
1160
+ align-items: center;
1155
1161
  }
1156
1162
 
1157
1163
  .icon-wrapper.app-config-tooltip {
1158
- margin-bottom: 0.5rem;
1164
+ margin-bottom: 0;
1165
+ height: 2rem;
1159
1166
  display: contents;
1160
1167
  .tooltip-wrapper {
1161
1168
  .tooltip-content {
@@ -1182,3 +1189,38 @@ tbody {
1182
1189
  border-radius: 50%;
1183
1190
  display: block;
1184
1191
  }
1192
+ .mobile-bezel-screen {
1193
+ scrollbar-width: none;
1194
+ scrollbar-color: #d6d5d4 transparent;
1195
+
1196
+ overflow-y: auto;
1197
+
1198
+ &::-webkit-scrollbar {
1199
+ width: 0px;
1200
+ background: transparent;
1201
+ }
1202
+
1203
+ &::-webkit-scrollbar-thumb {
1204
+ background-color: transparent;
1205
+ transition: background-color 0.3s ease;
1206
+ }
1207
+
1208
+ &::-webkit-scrollbar-track {
1209
+ background: transparent;
1210
+ }
1211
+
1212
+ &::-webkit-scrollbar-button {
1213
+ display: none !important;
1214
+ height: 0 !important;
1215
+ width: 0 !important;
1216
+ }
1217
+
1218
+ &.scrolling {
1219
+ scrollbar-width: thin;
1220
+ scrollbar-color: #d6d5d4 transparent;
1221
+ transition: scrollbar-color 0.3s ease;
1222
+ &::-webkit-scrollbar-thumb {
1223
+ background-color: #d6d5d4;
1224
+ }
1225
+ }
1226
+ }