dristi-ui-css 0.0.6-dristi-kerala.6 → 0.0.6-dristi-kerala.7
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 +187 -1
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/dristi/components/surveyModal.scss +201 -0
- package/src/index.scss +1 -1
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/*!
|
|
3
|
-
* dristi-ui-css - 0.0.6-dristi-kerala.
|
|
3
|
+
* dristi-ui-css - 0.0.6-dristi-kerala.7
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2025 Akshay Kumar <akshay.kumar@beehyv.com>
|
|
6
6
|
*
|
|
@@ -10890,6 +10890,192 @@ body {
|
|
|
10890
10890
|
width: -moz-fit-content !important;
|
|
10891
10891
|
width: fit-content !important; } }
|
|
10892
10892
|
|
|
10893
|
+
.survey-modal-overlay {
|
|
10894
|
+
position: fixed;
|
|
10895
|
+
top: 0;
|
|
10896
|
+
left: 0;
|
|
10897
|
+
width: 100vw;
|
|
10898
|
+
height: 100vh;
|
|
10899
|
+
background: rgba(0, 0, 0, 0.3);
|
|
10900
|
+
backdrop-filter: blur(5px);
|
|
10901
|
+
-webkit-backdrop-filter: blur(5px);
|
|
10902
|
+
display: -webkit-box;
|
|
10903
|
+
display: -ms-flexbox;
|
|
10904
|
+
display: flex;
|
|
10905
|
+
-webkit-box-pack: center;
|
|
10906
|
+
-ms-flex-pack: center;
|
|
10907
|
+
justify-content: center;
|
|
10908
|
+
-webkit-box-align: start;
|
|
10909
|
+
-ms-flex-align: start;
|
|
10910
|
+
align-items: flex-start;
|
|
10911
|
+
z-index: 11000;
|
|
10912
|
+
padding-top: 4rem; }
|
|
10913
|
+
|
|
10914
|
+
.survey-modal-container {
|
|
10915
|
+
background: #fff;
|
|
10916
|
+
border-radius: 10px;
|
|
10917
|
+
padding: 0 1.5rem 1.5rem;
|
|
10918
|
+
width: 90%;
|
|
10919
|
+
max-width: 1000px;
|
|
10920
|
+
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
10921
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
10922
|
+
-webkit-animation: slideDown .3s ease-out;
|
|
10923
|
+
animation: slideDown .3s ease-out; }
|
|
10924
|
+
.survey-modal-container h3.survey-question {
|
|
10925
|
+
font-weight: 600;
|
|
10926
|
+
font-size: larger;
|
|
10927
|
+
color: #0b6b8a;
|
|
10928
|
+
margin-bottom: 1rem; }
|
|
10929
|
+
.survey-modal-container .survey-options {
|
|
10930
|
+
display: -webkit-box;
|
|
10931
|
+
display: -ms-flexbox;
|
|
10932
|
+
display: flex;
|
|
10933
|
+
-ms-flex-wrap: wrap;
|
|
10934
|
+
flex-wrap: wrap;
|
|
10935
|
+
-webkit-box-pack: center;
|
|
10936
|
+
-ms-flex-pack: center;
|
|
10937
|
+
justify-content: center;
|
|
10938
|
+
grid-gap: .5rem;
|
|
10939
|
+
gap: .5rem;
|
|
10940
|
+
margin-bottom: 1rem; }
|
|
10941
|
+
.survey-modal-container .survey-options .option-btn {
|
|
10942
|
+
-webkit-box-flex: 1;
|
|
10943
|
+
-ms-flex: 1;
|
|
10944
|
+
flex: 1;
|
|
10945
|
+
border: 1px solid #ccc;
|
|
10946
|
+
border-radius: 6px;
|
|
10947
|
+
padding: .6rem;
|
|
10948
|
+
background: #fff;
|
|
10949
|
+
cursor: pointer;
|
|
10950
|
+
-webkit-transition: all .2s ease;
|
|
10951
|
+
transition: all .2s ease; }
|
|
10952
|
+
.survey-modal-container .survey-options .option-btn:hover {
|
|
10953
|
+
background: #f0fdfa; }
|
|
10954
|
+
.survey-modal-container .survey-options .option-btn.selected, .survey-modal-container .survey-options .option-btn:hover {
|
|
10955
|
+
border-color: #00897b; }
|
|
10956
|
+
.survey-modal-container .survey-options .option-btn.selected {
|
|
10957
|
+
background: #e0f2f1;
|
|
10958
|
+
color: #004d40;
|
|
10959
|
+
font-weight: 500; }
|
|
10960
|
+
.survey-modal-container .survey-textarea {
|
|
10961
|
+
width: 100%;
|
|
10962
|
+
border-radius: 6px;
|
|
10963
|
+
border: 1px solid #ddd;
|
|
10964
|
+
padding: .5rem;
|
|
10965
|
+
margin-bottom: 1rem;
|
|
10966
|
+
resize: vertical;
|
|
10967
|
+
min-height: 80px; }
|
|
10968
|
+
.survey-modal-container .survey-actions {
|
|
10969
|
+
display: -webkit-box;
|
|
10970
|
+
display: -ms-flexbox;
|
|
10971
|
+
display: flex;
|
|
10972
|
+
-webkit-box-pack: end;
|
|
10973
|
+
-ms-flex-pack: end;
|
|
10974
|
+
justify-content: flex-end;
|
|
10975
|
+
grid-gap: .5rem;
|
|
10976
|
+
gap: .5rem; }
|
|
10977
|
+
.survey-modal-container .survey-actions button {
|
|
10978
|
+
padding: .5rem 1.2rem;
|
|
10979
|
+
border-radius: 6px;
|
|
10980
|
+
border: none;
|
|
10981
|
+
cursor: pointer;
|
|
10982
|
+
font-weight: 500;
|
|
10983
|
+
-webkit-transition: background .2s;
|
|
10984
|
+
transition: background .2s; }
|
|
10985
|
+
.survey-modal-container .survey-actions button.remind-btn {
|
|
10986
|
+
background: #e0e0e0;
|
|
10987
|
+
color: #333; }
|
|
10988
|
+
.survey-modal-container .survey-actions button.remind-btn:hover {
|
|
10989
|
+
background: #d5d5d5; }
|
|
10990
|
+
.survey-modal-container .survey-actions button.submit-btn {
|
|
10991
|
+
background-color: #00796b;
|
|
10992
|
+
color: #fff; }
|
|
10993
|
+
.survey-modal-container .survey-actions button.submit-btn:hover:not(.disabled) {
|
|
10994
|
+
background-color: #00695c; }
|
|
10995
|
+
.survey-modal-container .survey-actions button.submit-btn.disabled {
|
|
10996
|
+
opacity: .6;
|
|
10997
|
+
cursor: not-allowed; }
|
|
10998
|
+
|
|
10999
|
+
@-webkit-keyframes slideDown {
|
|
11000
|
+
0% {
|
|
11001
|
+
-webkit-transform: translateY(-20px);
|
|
11002
|
+
transform: translateY(-20px);
|
|
11003
|
+
opacity: 0; }
|
|
11004
|
+
to {
|
|
11005
|
+
-webkit-transform: translateY(0);
|
|
11006
|
+
transform: translateY(0);
|
|
11007
|
+
opacity: 1; } }
|
|
11008
|
+
|
|
11009
|
+
@keyframes slideDown {
|
|
11010
|
+
0% {
|
|
11011
|
+
-webkit-transform: translateY(-20px);
|
|
11012
|
+
transform: translateY(-20px);
|
|
11013
|
+
opacity: 0; }
|
|
11014
|
+
to {
|
|
11015
|
+
-webkit-transform: translateY(0);
|
|
11016
|
+
transform: translateY(0);
|
|
11017
|
+
opacity: 1; } }
|
|
11018
|
+
|
|
11019
|
+
.survey-response {
|
|
11020
|
+
position: relative;
|
|
11021
|
+
text-align: center;
|
|
11022
|
+
background: #fff;
|
|
11023
|
+
border-radius: 12px;
|
|
11024
|
+
padding: 2rem 1.5rem 1.8rem;
|
|
11025
|
+
max-width: 420px;
|
|
11026
|
+
width: 90%;
|
|
11027
|
+
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
11028
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
11029
|
+
-webkit-animation: slideDown .3s ease-out;
|
|
11030
|
+
animation: slideDown .3s ease-out; }
|
|
11031
|
+
.survey-response .survey-icon {
|
|
11032
|
+
width: 64px;
|
|
11033
|
+
height: 64px;
|
|
11034
|
+
border-radius: 50%;
|
|
11035
|
+
background: #e0f2f1;
|
|
11036
|
+
display: -webkit-box;
|
|
11037
|
+
display: -ms-flexbox;
|
|
11038
|
+
display: flex;
|
|
11039
|
+
-webkit-box-pack: center;
|
|
11040
|
+
-ms-flex-pack: center;
|
|
11041
|
+
justify-content: center;
|
|
11042
|
+
-webkit-box-align: center;
|
|
11043
|
+
-ms-flex-align: center;
|
|
11044
|
+
align-items: center;
|
|
11045
|
+
margin: 0 auto 1rem;
|
|
11046
|
+
font-size: 1.8rem;
|
|
11047
|
+
color: #00796b; }
|
|
11048
|
+
.survey-response h3 {
|
|
11049
|
+
font-size: 1.2rem;
|
|
11050
|
+
font-weight: 600;
|
|
11051
|
+
color: #00796b;
|
|
11052
|
+
margin-bottom: .5rem; }
|
|
11053
|
+
.survey-response p {
|
|
11054
|
+
font-size: .95rem;
|
|
11055
|
+
color: #555;
|
|
11056
|
+
margin: 0; }
|
|
11057
|
+
.survey-response .close-btn {
|
|
11058
|
+
position: absolute;
|
|
11059
|
+
width: auto !important;
|
|
11060
|
+
top: .8rem;
|
|
11061
|
+
right: .8rem;
|
|
11062
|
+
background: transparent;
|
|
11063
|
+
border: none;
|
|
11064
|
+
font-size: 1.2rem;
|
|
11065
|
+
color: #666;
|
|
11066
|
+
cursor: pointer;
|
|
11067
|
+
-webkit-transition: color .2s ease;
|
|
11068
|
+
transition: color .2s ease; }
|
|
11069
|
+
.survey-response .close-btn:hover {
|
|
11070
|
+
color: #000; }
|
|
11071
|
+
.survey-response.success .survey-icon {
|
|
11072
|
+
background: #e0f2f1;
|
|
11073
|
+
color: #00796b; }
|
|
11074
|
+
.survey-response.error .survey-icon {
|
|
11075
|
+
background: #ffebee; }
|
|
11076
|
+
.survey-response.error .survey-icon, .survey-response.error h3 {
|
|
11077
|
+
color: #d32f2f; }
|
|
11078
|
+
|
|
10893
11079
|
.e-filing-card-wrapper h2 {
|
|
10894
11080
|
margin-top: 0; }
|
|
10895
11081
|
|