@egovernments/digit-ui-health-css 0.2.79 → 0.2.81

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/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-health-css - 0.2.79
2
+ * @egovernments/digit-ui-health-css - 0.2.81
3
3
  *
4
4
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
5
5
  *
@@ -4024,9 +4024,6 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
4024
4024
  header {
4025
4025
  margin-bottom: 0; }
4026
4026
 
4027
- .digit-button-primary {
4028
- background-color: #c84c0e; }
4029
-
4030
4027
  .digit-button-secondary .icon-label-container h2 {
4031
4028
  color: #c84c0e; }
4032
4029
 
@@ -4358,7 +4355,7 @@ header {
4358
4355
  background-color: #fff;
4359
4356
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4360
4357
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4361
- margin: 20px auto;
4358
+ margin: 5px auto;
4362
4359
  font-family: Arial,sans-serif;
4363
4360
  scrollbar-width: thin;
4364
4361
  scrollbar-color: #d6d5d4 #fafafa; }
@@ -4572,16 +4569,12 @@ header {
4572
4569
  color: #505a5f;
4573
4570
  font-family: Roboto; }
4574
4571
 
4575
- .dates, .detail-header {
4572
+ .dates, .detail-header, .details-desc {
4576
4573
  font-size: [object Object]; }
4577
4574
 
4578
- .detail-header {
4579
- color: #0b4b66; }
4580
-
4581
4575
  .details-desc {
4582
4576
  color: #505a5f;
4583
- font-family: Roboto;
4584
- font-size: [object Object]; }
4577
+ font-family: Roboto; }
4585
4578
 
4586
4579
  .campaign-details-header {
4587
4580
  display: -webkit-box;
@@ -4625,7 +4618,23 @@ header {
4625
4618
 
4626
4619
  .hcm-app-features .digit-toggle-toolbar {
4627
4620
  margin-top: 1rem;
4628
- margin-bottom: .5rem; }
4621
+ margin-bottom: .5rem;
4622
+ max-width: 90%; }
4623
+ .hcm-app-features .digit-toggle-toolbar > :first-child label {
4624
+ border-top-left-radius: .5rem;
4625
+ border-bottom-left-radius: .5rem; }
4626
+ .hcm-app-features .digit-toggle-toolbar > :last-child label {
4627
+ border-top-right-radius: .5rem;
4628
+ border-bottom-right-radius: .5rem; }
4629
+
4630
+ .digit-toggle-toolbar.app-config-tab {
4631
+ max-width: 90%; }
4632
+ .digit-toggle-toolbar.app-config-tab > :first-child label {
4633
+ border-top-left-radius: .5rem;
4634
+ border-bottom-left-radius: .5rem; }
4635
+ .digit-toggle-toolbar.app-config-tab > :last-child label {
4636
+ border-top-right-radius: .5rem;
4637
+ border-bottom-right-radius: .5rem; }
4629
4638
 
4630
4639
  .module-description {
4631
4640
  -webkit-box-flex: 1;
@@ -4636,6 +4645,379 @@ header {
4636
4645
  font-size: [object Object];
4637
4646
  color: #505a5f; }
4638
4647
 
4648
+ .camp-drawer-caption {
4649
+ font-size: 1rem !important;
4650
+ font-weight: 400 !important; }
4651
+
4652
+ .camp-app-help-tutorial-popup {
4653
+ bottom: 0;
4654
+ top: 62vh !important;
4655
+ width: 100%;
4656
+ max-width: 90% !important;
4657
+ overflow: hidden !important; }
4658
+ .camp-app-help-tutorial-popup .digit-popup-children-wrap {
4659
+ overflow: hidden !important; }
4660
+ .camp-app-help-tutorial-popup .tutorial-wrapper {
4661
+ -webkit-box-orient: vertical;
4662
+ -ms-flex-direction: column;
4663
+ flex-direction: column; }
4664
+ .camp-app-help-tutorial-popup .tutorial-row, .camp-app-help-tutorial-popup .tutorial-wrapper {
4665
+ display: -webkit-box;
4666
+ display: -ms-flexbox;
4667
+ display: flex;
4668
+ -webkit-box-direction: normal;
4669
+ grid-gap: 1rem;
4670
+ gap: 1rem; }
4671
+ .camp-app-help-tutorial-popup .tutorial-row {
4672
+ -webkit-box-orient: horizontal;
4673
+ -ms-flex-direction: row;
4674
+ flex-direction: row;
4675
+ overflow-x: auto;
4676
+ padding-bottom: 1rem; }
4677
+ .camp-app-help-tutorial-popup .tutorial-card {
4678
+ -webkit-box-flex: 0;
4679
+ -ms-flex: 0 0 auto;
4680
+ flex: 0 0 auto;
4681
+ width: 16rem;
4682
+ min-height: 10rem;
4683
+ background: #fff;
4684
+ border-radius: .75rem;
4685
+ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4686
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4687
+ display: -webkit-box;
4688
+ display: -ms-flexbox;
4689
+ display: flex;
4690
+ -webkit-box-orient: vertical;
4691
+ -webkit-box-direction: normal;
4692
+ -ms-flex-direction: column;
4693
+ flex-direction: column;
4694
+ -webkit-box-align: center;
4695
+ -ms-flex-align: center;
4696
+ align-items: center;
4697
+ -webkit-box-pack: center;
4698
+ -ms-flex-pack: center;
4699
+ justify-content: center;
4700
+ padding: 1rem;
4701
+ text-align: center;
4702
+ cursor: pointer;
4703
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4704
+ transition: -webkit-transform .2s ease-in-out;
4705
+ transition: transform .2s ease-in-out;
4706
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4707
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; }
4708
+ .camp-app-help-tutorial-popup .tutorial-card:hover {
4709
+ -webkit-transform: translateY(-4px);
4710
+ transform: translateY(-4px); }
4711
+ .camp-app-help-tutorial-popup .tutorial-icon {
4712
+ background-color: #f0f0f0;
4713
+ border-radius: 50%;
4714
+ width: 3rem;
4715
+ height: 3rem;
4716
+ display: -webkit-box;
4717
+ display: -ms-flexbox;
4718
+ display: flex;
4719
+ -webkit-box-align: center;
4720
+ -ms-flex-align: center;
4721
+ align-items: center;
4722
+ -webkit-box-pack: center;
4723
+ -ms-flex-pack: center;
4724
+ justify-content: center;
4725
+ margin-bottom: .75rem;
4726
+ font-size: 1.5rem; }
4727
+ .camp-app-help-tutorial-popup .tutorial-title {
4728
+ font-size: .95rem;
4729
+ font-weight: 500; }
4730
+
4731
+ @-webkit-keyframes fadeIn {
4732
+ 0% {
4733
+ background-color: transparent; }
4734
+ to {
4735
+ background-color: rgba(0, 0, 0, 0.3); } }
4736
+
4737
+ @keyframes fadeIn {
4738
+ 0% {
4739
+ background-color: transparent; }
4740
+ to {
4741
+ background-color: rgba(0, 0, 0, 0.3); } }
4742
+
4743
+ @-webkit-keyframes fadeOut {
4744
+ 0% {
4745
+ background-color: rgba(0, 0, 0, 0.3); }
4746
+ to {
4747
+ background-color: transparent; } }
4748
+
4749
+ @keyframes fadeOut {
4750
+ 0% {
4751
+ background-color: rgba(0, 0, 0, 0.3); }
4752
+ to {
4753
+ background-color: transparent; } }
4754
+
4755
+ @-webkit-keyframes slideInUp {
4756
+ 0% {
4757
+ -webkit-transform: translateY(100%);
4758
+ transform: translateY(100%);
4759
+ opacity: 0; }
4760
+ to {
4761
+ -webkit-transform: translateY(0);
4762
+ transform: translateY(0);
4763
+ opacity: 1; } }
4764
+
4765
+ @keyframes slideInUp {
4766
+ 0% {
4767
+ -webkit-transform: translateY(100%);
4768
+ transform: translateY(100%);
4769
+ opacity: 0; }
4770
+ to {
4771
+ -webkit-transform: translateY(0);
4772
+ transform: translateY(0);
4773
+ opacity: 1; } }
4774
+
4775
+ @-webkit-keyframes slideOutDown {
4776
+ 0% {
4777
+ -webkit-transform: translateY(0);
4778
+ transform: translateY(0);
4779
+ opacity: 1; }
4780
+ to {
4781
+ -webkit-transform: translateY(100%);
4782
+ transform: translateY(100%);
4783
+ opacity: 0; } }
4784
+
4785
+ @keyframes slideOutDown {
4786
+ 0% {
4787
+ -webkit-transform: translateY(0);
4788
+ transform: translateY(0);
4789
+ opacity: 1; }
4790
+ to {
4791
+ -webkit-transform: translateY(100%);
4792
+ transform: translateY(100%);
4793
+ opacity: 0; } }
4794
+
4795
+ .tutorial-overlay {
4796
+ position: fixed;
4797
+ top: 0;
4798
+ right: 0;
4799
+ bottom: 0;
4800
+ left: 0;
4801
+ z-index: 2999;
4802
+ -webkit-animation-duration: .3s;
4803
+ animation-duration: .3s;
4804
+ -webkit-animation-fill-mode: forwards;
4805
+ animation-fill-mode: forwards;
4806
+ display: -webkit-box;
4807
+ display: -ms-flexbox;
4808
+ display: flex;
4809
+ -webkit-box-pack: center;
4810
+ -ms-flex-pack: center;
4811
+ justify-content: center;
4812
+ -webkit-box-align: end;
4813
+ -ms-flex-align: end;
4814
+ align-items: flex-end; }
4815
+ .tutorial-overlay.fade-in {
4816
+ -webkit-animation-name: fadeIn;
4817
+ animation-name: fadeIn; }
4818
+ .tutorial-overlay.fade-out {
4819
+ -webkit-animation-name: fadeOut;
4820
+ animation-name: fadeOut; }
4821
+
4822
+ .tutorial-drawer {
4823
+ position: fixed;
4824
+ bottom: 0;
4825
+ right: 0;
4826
+ width: calc(100vw - 4rem);
4827
+ border-radius: 1rem 1rem 0 0;
4828
+ background: #fff;
4829
+ -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4830
+ box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4831
+ padding: 1rem;
4832
+ z-index: 1000;
4833
+ display: -webkit-box;
4834
+ display: -ms-flexbox;
4835
+ display: flex;
4836
+ -webkit-box-orient: vertical;
4837
+ -webkit-box-direction: normal;
4838
+ -ms-flex-direction: column;
4839
+ flex-direction: column;
4840
+ -webkit-animation-duration: .3s;
4841
+ animation-duration: .3s;
4842
+ -webkit-animation-fill-mode: forwards;
4843
+ animation-fill-mode: forwards; }
4844
+ .tutorial-drawer.slide-in {
4845
+ -webkit-animation-name: slideInUp;
4846
+ animation-name: slideInUp; }
4847
+ .tutorial-drawer.slide-out {
4848
+ -webkit-animation-name: slideOutDown;
4849
+ animation-name: slideOutDown; }
4850
+
4851
+ .tutorial-header {
4852
+ display: -webkit-box;
4853
+ display: -ms-flexbox;
4854
+ display: flex;
4855
+ -webkit-box-pack: justify;
4856
+ -ms-flex-pack: justify;
4857
+ justify-content: space-between;
4858
+ -webkit-box-align: center;
4859
+ -ms-flex-align: center;
4860
+ align-items: center;
4861
+ font-weight: 600;
4862
+ font-size: 1.5rem;
4863
+ padding: .5rem;
4864
+ color: #0b4b66; }
4865
+
4866
+ .tutorial-close {
4867
+ background: none;
4868
+ border: none;
4869
+ font-size: 1.25rem;
4870
+ cursor: pointer;
4871
+ line-height: 1; }
4872
+
4873
+ .tutorial-row {
4874
+ -webkit-box-orient: horizontal;
4875
+ -ms-flex-direction: row;
4876
+ flex-direction: row;
4877
+ overflow-x: auto;
4878
+ grid-gap: 1rem;
4879
+ gap: 1rem;
4880
+ padding: .25rem;
4881
+ scroll-behavior: smooth;
4882
+ -webkit-overflow-scrolling: touch;
4883
+ scrollbar-width: thin; }
4884
+
4885
+ .tutorial-card, .tutorial-row {
4886
+ display: -webkit-box;
4887
+ display: -ms-flexbox;
4888
+ display: flex;
4889
+ -webkit-box-direction: normal; }
4890
+
4891
+ .tutorial-card {
4892
+ -webkit-box-flex: 0;
4893
+ -ms-flex: 0 0 auto;
4894
+ flex: 0 0 auto;
4895
+ width: 18rem;
4896
+ min-height: 10rem;
4897
+ background: #fff;
4898
+ border-radius: .5rem;
4899
+ -webkit-box-shadow: none;
4900
+ box-shadow: none;
4901
+ padding: 1rem;
4902
+ -webkit-box-orient: vertical;
4903
+ -ms-flex-direction: column;
4904
+ flex-direction: column;
4905
+ overflow: hidden;
4906
+ cursor: pointer;
4907
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4908
+ transition: -webkit-transform .2s ease-in-out;
4909
+ transition: transform .2s ease-in-out;
4910
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4911
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
4912
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902);
4913
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902); }
4914
+ .tutorial-card:hover {
4915
+ -webkit-transform: translateY(-4px);
4916
+ transform: translateY(-4px); }
4917
+ .tutorial-card .tutorial-card-image {
4918
+ height: 5rem;
4919
+ background-color: #f5f5f5;
4920
+ -webkit-box-align: center;
4921
+ -ms-flex-align: center;
4922
+ align-items: center;
4923
+ -webkit-box-pack: center;
4924
+ -ms-flex-pack: center;
4925
+ justify-content: center;
4926
+ padding: 1rem; }
4927
+ .tutorial-card .tutorial-card-image img {
4928
+ max-width: 5rem;
4929
+ max-height: 4rem; }
4930
+ .tutorial-card .tutorial-card-content {
4931
+ margin: 1rem 0;
4932
+ -webkit-box-orient: vertical;
4933
+ -ms-flex-direction: column;
4934
+ flex-direction: column;
4935
+ grid-gap: .25rem;
4936
+ gap: .25rem; }
4937
+ .tutorial-card .tutorial-card-content .tutorial-card-title {
4938
+ font-weight: 500;
4939
+ color: #0b4b66; }
4940
+ .tutorial-card .tutorial-card-content .tutorial-card-subtext {
4941
+ font-size: .9rem;
4942
+ color: #555; }
4943
+ .tutorial-card .tutorial-card-content .tutorial-card-link {
4944
+ margin-top: .5rem;
4945
+ font-size: .875rem;
4946
+ color: #c84c0e;
4947
+ -webkit-box-align: center;
4948
+ -ms-flex-align: center;
4949
+ align-items: center;
4950
+ grid-gap: .25rem;
4951
+ gap: .25rem; }
4952
+ .tutorial-card .tutorial-card-content .tutorial-card-link .arrow {
4953
+ font-weight: 700; }
4954
+
4955
+ .tutorial-icon {
4956
+ background-color: #f0f0f0;
4957
+ border-radius: 50%;
4958
+ width: 3rem;
4959
+ height: 3rem;
4960
+ display: -webkit-box;
4961
+ display: -ms-flexbox;
4962
+ display: flex;
4963
+ -webkit-box-align: center;
4964
+ -ms-flex-align: center;
4965
+ align-items: center;
4966
+ -webkit-box-pack: center;
4967
+ -ms-flex-pack: center;
4968
+ justify-content: center;
4969
+ margin-bottom: .75rem;
4970
+ font-size: 1.5rem; }
4971
+ @media (max-width: 480px) {
4972
+ .tutorial-icon {
4973
+ width: 2.5rem;
4974
+ height: 2.5rem;
4975
+ font-size: 1.25rem; } }
4976
+
4977
+ .tutorial-title {
4978
+ font-size: .95rem;
4979
+ font-weight: 500; }
4980
+ @media (max-width: 480px) {
4981
+ .tutorial-title {
4982
+ font-size: .85rem; } }
4983
+
4984
+ .camp-help-button-app-configuration-redesign {
4985
+ margin-right: 24rem; }
4986
+
4987
+ .boldLabel .digit-header-content {
4988
+ font-weight: 700; }
4989
+
4990
+ .clickable:hover {
4991
+ border: .063rem solid #c84c0e;
4992
+ -webkit-box-shadow: 0.063rem rgba(0, 0, 0, 0.16078);
4993
+ box-shadow: 0.063rem rgba(0, 0, 0, 0.16078); }
4994
+
4995
+ .name-container-popUp {
4996
+ margin-right: 0; }
4997
+
4998
+ .date-container-popUp, .name-container-popUp {
4999
+ margin-top: .8rem;
5000
+ font-weight: 700;
5001
+ text-wrap: nowrap; }
5002
+
5003
+ .date-container-popUp {
5004
+ margin-right: 1rem; }
5005
+
5006
+ .pop-display {
5007
+ display: -webkit-box;
5008
+ display: -ms-flexbox;
5009
+ display: flex;
5010
+ margin-top: 1.5rem; }
5011
+
5012
+ .popUp-header {
5013
+ margin-bottom: 1.5rem; }
5014
+
5015
+ .end-date-container-popUp {
5016
+ margin-top: .8rem;
5017
+ margin-right: 1.5rem;
5018
+ font-weight: 700;
5019
+ text-wrap: nowrap; }
5020
+
4639
5021
  .formula-label-field {
4640
5022
  display: -webkit-box;
4641
5023
  display: -ms-flexbox;
@@ -7056,9 +7438,6 @@ tbody tr:nth-child(odd) {
7056
7438
  text-align: center; }
7057
7439
 
7058
7440
  .app-preview-app-config-drawer-action-button {
7059
- display: -webkit-box;
7060
- display: -ms-flexbox;
7061
- display: flex;
7062
7441
  -webkit-box-orient: vertical;
7063
7442
  -webkit-box-direction: normal;
7064
7443
  -ms-flex-direction: column;
@@ -7066,18 +7445,25 @@ tbody tr:nth-child(odd) {
7066
7445
  grid-gap: .5rem;
7067
7446
  gap: .5rem; }
7068
7447
 
7448
+ .app-config-header, .app-preview-app-config-drawer-action-button {
7449
+ display: -webkit-box;
7450
+ display: -ms-flexbox;
7451
+ display: flex; }
7452
+
7069
7453
  .app-config-header {
7070
7454
  color: #0b4b66 !important;
7071
7455
  font-weight: 700;
7072
7456
  font-size: 2.5rem;
7073
- display: -webkit-box;
7074
- display: -ms-flexbox;
7075
- display: flex;
7076
7457
  -webkit-box-align: baseline;
7077
7458
  -ms-flex-align: baseline;
7078
7459
  align-items: baseline;
7079
7460
  grid-gap: 1rem;
7080
7461
  gap: 1rem; }
7462
+ .app-config-header .app-config-header-group {
7463
+ grid-column-gap: inherit;
7464
+ -webkit-column-gap: inherit;
7465
+ -moz-column-gap: inherit;
7466
+ column-gap: inherit; }
7081
7467
 
7082
7468
  .app-config-drawer-button, .appConfigLabelField-label-container {
7083
7469
  width: 100%; }
@@ -7166,4 +7552,10 @@ tbody tr:nth-child(odd) {
7166
7552
  width: 100%; }
7167
7553
 
7168
7554
  .app-config-drawer-subheader {
7169
- color: #0b4b66; }
7555
+ color: #0b4b66;
7556
+ display: -webkit-box;
7557
+ display: -ms-flexbox;
7558
+ display: flex;
7559
+ -webkit-box-align: baseline;
7560
+ -ms-flex-align: baseline;
7561
+ align-items: baseline; }