| @@ -1617,8 +1617,14 @@ | ||
| 1617 | 1617 | display: inline-block; |
| 1618 | 1618 | font-size: 12px; |
| 1619 | 1619 | } |
| 1620 | 1620 | |
| 1621 | +.ays_survey_small_hint_text.ays_survey_small_hint_text_for_menu_items { | |
| 1622 | + font-style: italic; | |
| 1623 | + color: gray; | |
| 1624 | + font-size: 12px; | |
| 1625 | +} | |
| 1626 | + | |
| 1621 | 1627 | .ays_survey_display_flex{ |
| 1622 | 1628 | display: flex; |
| 1623 | 1629 | justify-content: space-between; |
| 1624 | 1630 | } |
| @@ -3915,9 +3921,9 @@ | ||
| 3915 | 3921 | /* Select message vars from surveys page */ |
| 3916 | 3922 | .ays-survey-message-vars-box{ |
| 3917 | 3923 | display: flex; |
| 3918 | 3924 | justify-content: flex-end; |
| 3919 | - flex-direction: column; | |
| 3925 | + /*flex-direction: column;*/ | |
| 3920 | 3926 | align-items: flex-end; |
| 3921 | 3927 | user-select: none; |
| 3922 | 3928 | } |
| 3923 | 3929 | |
| @@ -3933,9 +3939,28 @@ | ||
| 3933 | 3939 | border-radius: 35px; |
| 3934 | 3940 | cursor: pointer; |
| 3935 | 3941 | } |
| 3936 | 3942 | |
| 3937 | -.ays-survey-message-vars-box .ays-survey-message-vars-icon, | |
| 3943 | +.ays-survey-message-vars-box .ays-survey-message-vars-icon{ | |
| 3944 | + display: inline-flex; | |
| 3945 | + min-height: 34px; | |
| 3946 | + justify-content: center; | |
| 3947 | + align-items: center; | |
| 3948 | + gap: 8px; | |
| 3949 | + cursor: pointer; | |
| 3950 | + margin-bottom: 12px; | |
| 3951 | + padding: 6px 12px; | |
| 3952 | + color: #0f172a; | |
| 3953 | + background-color: #f8fafc; | |
| 3954 | + border: 1px solid #dbe3ef; | |
| 3955 | + border-radius: 6px; | |
| 3956 | + box-shadow: none; | |
| 3957 | + font-size: 13px; | |
| 3958 | + font-weight: 600; | |
| 3959 | + line-height: 1.4; | |
| 3960 | + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; | |
| 3961 | +} | |
| 3962 | + | |
| 3938 | 3963 | .ays-survey-surveys-box .ays-survey-surveys-icon{ |
| 3939 | 3964 | display: flex; |
| 3940 | 3965 | width: 150px; |
| 3941 | 3966 | justify-content: space-between; |
| @@ -3943,34 +3968,71 @@ | ||
| 3943 | 3968 | margin-bottom: 15px; |
| 3944 | 3969 | |
| 3945 | 3970 | } |
| 3946 | 3971 | |
| 3972 | +.ays-survey-message-vars-box .ays-survey-message-vars-icon:hover, | |
| 3973 | +.ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-icon{ | |
| 3974 | + background-color: #f1f5f9; | |
| 3975 | + border-color: #cbd5e1; | |
| 3976 | +} | |
| 3977 | + | |
| 3978 | +.ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-icon{ | |
| 3979 | + box-shadow: 0 0 0 2px rgba(148, 163, 184, .22); | |
| 3980 | +} | |
| 3981 | + | |
| 3982 | +.ays-survey-message-vars-braces{ | |
| 3983 | + color: #64748b; | |
| 3984 | + font-weight: 500; | |
| 3985 | + letter-spacing: 1px; | |
| 3986 | +} | |
| 3987 | + | |
| 3988 | +.ays-survey-message-vars-chevron{ | |
| 3989 | + width: 7px; | |
| 3990 | + height: 7px; | |
| 3991 | + border-right: 1.5px solid #64748b; | |
| 3992 | + border-bottom: 1.5px solid #64748b; | |
| 3993 | + transform: rotate(45deg); | |
| 3994 | + transition: transform .15s ease-in-out; | |
| 3995 | + margin-top: -3px; | |
| 3996 | +} | |
| 3997 | + | |
| 3998 | +.ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-chevron{ | |
| 3999 | + transform: rotate(225deg); | |
| 4000 | + margin-top: 3px; | |
| 4001 | + | |
| 4002 | +} | |
| 4003 | + | |
| 3947 | 4004 | .ays-survey-message-vars-box .ays-survey-message-vars-icon span, |
| 3948 | 4005 | .ays-survey-surveys .ays-survey-surveys-icon span{ |
| 3949 | 4006 | font-size: 13px; |
| 3950 | 4007 | } |
| 3951 | 4008 | |
| 3952 | -.ays-survey-message-vars-data,.ays-survey-surveys-data{ | |
| 3953 | - position: absolute; | |
| 3954 | - top: 27px; | |
| 3955 | - /* text-align: center; */ | |
| 3956 | - max-height: 350px; | |
| 3957 | - overflow: auto scroll; | |
| 3958 | - z-index: 9999; | |
| 3959 | - background-color: #ffff; | |
| 3960 | - border-radius: 5px; | |
| 3961 | - /* border: 1px solid grey; */ | |
| 3962 | - width: 250px; | |
| 3963 | - display: none; | |
| 3964 | - box-shadow: 0 0px 0px 0.5px #00000087; | |
| 4009 | + | |
| 4010 | +.ays-survey-message-vars-data, | |
| 4011 | +.ays-survey-surveys-data { | |
| 4012 | + position: absolute; | |
| 4013 | + top: 46px; | |
| 4014 | + right: 0; | |
| 4015 | + max-height: 288px; | |
| 4016 | + overflow-x: hidden; | |
| 4017 | + overflow-y: auto; | |
| 4018 | + z-index: 99999; | |
| 4019 | + background-color: #fff; | |
| 4020 | + border: 1px solid #dbe3ef; | |
| 4021 | + border-radius: 6px; | |
| 4022 | + width: 256px; | |
| 4023 | + display: none; | |
| 4024 | + padding: 6px 0; | |
| 4025 | + box-shadow: 0 10px 24px -16px rgba(15, 23, 42, .55); | |
| 3965 | 4026 | } |
| 3966 | 4027 | |
| 3967 | 4028 | .ays-survey-surveys-data{ |
| 3968 | 4029 | top: 36px; |
| 4030 | + left: 0; | |
| 3969 | 4031 | } |
| 3970 | 4032 | |
| 3971 | 4033 | .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar { |
| 3972 | - width: 0.2em; | |
| 4034 | + width: 0.35em; | |
| 3973 | 4035 | } |
| 3974 | 4036 | |
| 3975 | 4037 | .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{ |
| 3976 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| @@ -3976,13 +4038,21 @@ | ||
| 3976 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| 3977 | 4039 | } |
| 3978 | 4040 | |
| 3979 | 4041 | .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{ |
| 3980 | - background-color: darkgrey; | |
| 3981 | - outline: 1px solid slategrey; | |
| 4042 | + background-color: #94a3b8; | |
| 4043 | + outline: 1px solid #94a3b8; | |
| 3982 | 4044 | border-radius: 5px; |
| 3983 | 4045 | } |
| 3984 | 4046 | |
| 4047 | +.ays-survey-message-vars-data .ays-survey-message-vars-each-data, | |
| 4048 | +.ays-survey-surveys-data .ays-survey-surveys-each-data { | |
| 4049 | + border-bottom: 0; | |
| 4050 | + cursor: pointer; | |
| 4051 | + color: #0f172a; | |
| 4052 | + transition: background-color .15s ease-in-out, color .15s ease-in-out; | |
| 4053 | +} | |
| 4054 | + | |
| 3985 | 4055 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data, |
| 3986 | 4056 | .ays-survey-surveys-data .ays-survey-surveys-each-data{ |
| 3987 | 4057 | cursor: pointer; |
| 3988 | 4058 | } |
| @@ -3992,9 +4062,9 @@ | ||
| 3992 | 4062 | border-bottom: 1px solid #d5d5d559; |
| 3993 | 4063 | } |
| 3994 | 4064 | |
| 3995 | 4065 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data{ |
| 3996 | - padding: 8px 0 8px 8px; | |
| 4066 | + padding: 9px 12px; | |
| 3997 | 4067 | } |
| 3998 | 4068 | |
| 3999 | 4069 | .ays-survey-surveys-data .ays-survey-surveys-each-data a{ |
| 4000 | 4070 | display: inline-block; |
| @@ -4004,14 +4074,14 @@ | ||
| 4004 | 4074 | text-decoration: none; |
| 4005 | 4075 | } |
| 4006 | 4076 | |
| 4007 | 4077 | .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{ |
| 4008 | - /* color: #0056b3; */ | |
| 4009 | - background-color: #E8F0FF; | |
| 4078 | + background-color: #f1f5f9; | |
| 4079 | + color: #0f172a; | |
| 4010 | 4080 | } |
| 4011 | 4081 | |
| 4012 | 4082 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{ |
| 4013 | - background-color: #f2f5fb; | |
| 4083 | + background-color: #f2f5fb; | |
| 4014 | 4084 | } |
| 4015 | 4085 | |
| 4016 | 4086 | .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{ |
| 4017 | 4087 | background-color: #e1e1e1; |
| @@ -4091,8 +4161,9 @@ | ||
| 4091 | 4161 | padding: 5px 27px; |
| 4092 | 4162 | margin: 0 10px !important; |
| 4093 | 4163 | line-height: 2; |
| 4094 | 4164 | color: #ffffff; |
| 4165 | + font-weight: normal; | |
| 4095 | 4166 | } |
| 4096 | 4167 | |
| 4097 | 4168 | #wpbody .wrap .ays-survey-add-new-button-new-design:hover { |
| 4098 | 4169 | background: #0f34e7; |
| @@ -4767,4 +4838,468 @@ | ||
| 4767 | 4838 | |
| 4768 | 4839 | .wp-list-table{ |
| 4769 | 4840 | margin-top: 20px !important; |
| 4770 | 4841 | } |
| 4842 | + | |
| 4843 | +.wp-list-table th{ | |
| 4844 | + font-size: 14px; | |
| 4845 | +} | |
| 4846 | + | |
| 4847 | +/* Publish Tab design | Start */ | |
| 4848 | + | |
| 4849 | +.ays-survey-publish-container { | |
| 4850 | + padding: 0; | |
| 4851 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 4852 | +} | |
| 4853 | + | |
| 4854 | +.ays-survey-options-tab-content-max-width { | |
| 4855 | + max-width: 800px; | |
| 4856 | + padding: 0; | |
| 4857 | +} | |
| 4858 | + | |
| 4859 | +.ays-survey-publish-header { | |
| 4860 | + margin-bottom: 25px; | |
| 4861 | +} | |
| 4862 | + | |
| 4863 | +.ays-survey-publish-title { | |
| 4864 | + font-size: 18px; | |
| 4865 | + font-weight: 600; | |
| 4866 | + color: #1f2937; | |
| 4867 | + margin: 0 0 8px 0; | |
| 4868 | + line-height: 26px; | |
| 4869 | +} | |
| 4870 | + | |
| 4871 | +.ays-survey-publish-subtitle { | |
| 4872 | + font-size: 14px; | |
| 4873 | + color: #6b7280; | |
| 4874 | + margin: 0; | |
| 4875 | + line-height: 22px; | |
| 4876 | +} | |
| 4877 | + | |
| 4878 | +.ays-survey-info-cards { | |
| 4879 | + display: flex; | |
| 4880 | + flex-direction: column; | |
| 4881 | + gap: 20px; | |
| 4882 | + margin-bottom: 25px; | |
| 4883 | +} | |
| 4884 | + | |
| 4885 | +.ays-survey-info-card { | |
| 4886 | + flex: 1; | |
| 4887 | + background: #ffffff; | |
| 4888 | + border: 1px solid #e5e7eb; | |
| 4889 | + border-radius: 10px; | |
| 4890 | + padding: 18px 30px; | |
| 4891 | + display: flex; | |
| 4892 | + align-items: center; | |
| 4893 | + justify-content: space-between; | |
| 4894 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); | |
| 4895 | +} | |
| 4896 | + | |
| 4897 | +.ays-survey-info-card-text { | |
| 4898 | + font-size: 13px; | |
| 4899 | + color: #4b5563; | |
| 4900 | + line-height: 20px; | |
| 4901 | + margin: 0; | |
| 4902 | +} | |
| 4903 | + | |
| 4904 | +.ays-survey-info-card-link { | |
| 4905 | + background: #ffffff; | |
| 4906 | + color: #4b5563; | |
| 4907 | + border: 1px solid #d1d5db; | |
| 4908 | + border-radius: 6px; | |
| 4909 | + padding: 7px 14px; | |
| 4910 | + font-size: 13px; | |
| 4911 | + font-weight: 500; | |
| 4912 | + text-decoration: none; | |
| 4913 | + white-space: nowrap; | |
| 4914 | + transition: all 0.2s; | |
| 4915 | + display: inline-block; | |
| 4916 | + min-width: 105px; | |
| 4917 | + text-align: center; | |
| 4918 | +} | |
| 4919 | + | |
| 4920 | +.ays-survey-info-card-link:hover { | |
| 4921 | + background: #f9fafb; | |
| 4922 | + border-color: #9ca3af; | |
| 4923 | + color: #374151; | |
| 4924 | +} | |
| 4925 | + | |
| 4926 | +.ays-survey-steps-card { | |
| 4927 | + background: #ffffff; | |
| 4928 | + border: 1px solid #e5e7eb; | |
| 4929 | + border-radius: 10px; | |
| 4930 | + padding: 30px; | |
| 4931 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); | |
| 4932 | +} | |
| 4933 | + | |
| 4934 | +.ays-survey-steps-card-title { | |
| 4935 | + font-size: 18px; | |
| 4936 | + font-weight: 600; | |
| 4937 | + color: #111827; | |
| 4938 | + line-height: 24px; | |
| 4939 | + margin: 0 0 18px 0; | |
| 4940 | +} | |
| 4941 | + | |
| 4942 | +.ays-survey-steps-card-title.ays-survey-steps-card-title-center { | |
| 4943 | + font-size: 18px; | |
| 4944 | + text-align: center; | |
| 4945 | + font-weight: 600; | |
| 4946 | + color: #111827; | |
| 4947 | + line-height: 24px; | |
| 4948 | + margin: 0 0 18px 0; | |
| 4949 | +} | |
| 4950 | + | |
| 4951 | +.ays-survey-grid-view-summary { | |
| 4952 | + display: flex; | |
| 4953 | + align-items: center; | |
| 4954 | + justify-content: space-between; | |
| 4955 | + gap: 20px; | |
| 4956 | + padding-bottom: 26px; | |
| 4957 | + margin-bottom: 30px; | |
| 4958 | + border-bottom: 1px solid #e5e7eb; | |
| 4959 | +} | |
| 4960 | + | |
| 4961 | +.ays-survey-step-block { | |
| 4962 | + margin-bottom: 30px; | |
| 4963 | +} | |
| 4964 | + | |
| 4965 | +.ays-survey-step-block:last-child { | |
| 4966 | + margin-bottom: 0; | |
| 4967 | +} | |
| 4968 | + | |
| 4969 | +.ays-survey-step-block-footer { | |
| 4970 | + display: flex; | |
| 4971 | + justify-content: center; | |
| 4972 | + align-items: center; | |
| 4973 | +} | |
| 4974 | + | |
| 4975 | +.ays-survey-step-header { | |
| 4976 | + display: flex; | |
| 4977 | + align-items: center; | |
| 4978 | + gap: 16px; | |
| 4979 | + margin-bottom: 12px; | |
| 4980 | +} | |
| 4981 | + | |
| 4982 | +.ays-survey-step-number-badge { | |
| 4983 | + width: 16px; | |
| 4984 | + height: 16px; | |
| 4985 | + background: #6366f1; | |
| 4986 | + color: #ffffff; | |
| 4987 | + border-radius: 50%; | |
| 4988 | + display: flex; | |
| 4989 | + align-items: center; | |
| 4990 | + justify-content: center; | |
| 4991 | + font-size: 14px; | |
| 4992 | + font-weight: 600; | |
| 4993 | + flex-shrink: 0; | |
| 4994 | +} | |
| 4995 | + | |
| 4996 | +.ays-survey-step-title { | |
| 4997 | + font-size: 15px; | |
| 4998 | + font-weight: 600; | |
| 4999 | + color: #111827; | |
| 5000 | + margin: 0; | |
| 5001 | + line-height: 28px; | |
| 5002 | +} | |
| 5003 | + | |
| 5004 | +.ays-survey-step-instructions { | |
| 5005 | + padding-left: 44px; | |
| 5006 | +} | |
| 5007 | + | |
| 5008 | +.ays-survey-step-list { | |
| 5009 | + margin: 0; | |
| 5010 | + padding-left: 20px; | |
| 5011 | + list-style: decimal; | |
| 5012 | +} | |
| 5013 | + | |
| 5014 | +.ays-survey-step-list-item { | |
| 5015 | + font-size: 14px; | |
| 5016 | + color: #4b5563; | |
| 5017 | + line-height: 24px; | |
| 5018 | + margin-bottom: 6px; | |
| 5019 | + padding-left: 8px; | |
| 5020 | +} | |
| 5021 | + | |
| 5022 | +.ays-survey-step-list-item:last-child { | |
| 5023 | + margin-bottom: 0; | |
| 5024 | +} | |
| 5025 | + | |
| 5026 | +.ays-survey-step-note { | |
| 5027 | + font-size: 14px; | |
| 5028 | + color: #4b5563; | |
| 5029 | + line-height: 24px; | |
| 5030 | + margin: 8px 0 0 0; | |
| 5031 | +} | |
| 5032 | + | |
| 5033 | +.ays-survey-step-divider { | |
| 5034 | + height: 1px; | |
| 5035 | + background: #e5e7eb; | |
| 5036 | + margin: 28px 0; | |
| 5037 | + border: none; | |
| 5038 | +} | |
| 5039 | + | |
| 5040 | +.ays-survey-publish-shortcode-container { | |
| 5041 | + display: flex; | |
| 5042 | + align-items: center; | |
| 5043 | + gap: 10px; | |
| 5044 | +} | |
| 5045 | + | |
| 5046 | +.ays-survey-shortcode-text { | |
| 5047 | + background: #f3f4f6; | |
| 5048 | + padding: 4px 10px; | |
| 5049 | + border-radius: 4px; | |
| 5050 | + font-family: "Courier New", monospace; | |
| 5051 | + font-size: 13px; | |
| 5052 | + color: #374151; | |
| 5053 | + border: 1px solid #e5e7eb; | |
| 5054 | +} | |
| 5055 | + | |
| 5056 | +.ays-survey-copy-wrapper { | |
| 5057 | + position: relative; | |
| 5058 | + display: inline-flex; | |
| 5059 | +} | |
| 5060 | + | |
| 5061 | +.ays-survey-copy-shortcode-btn { | |
| 5062 | + background: #ffffff; | |
| 5063 | + border: 1px solid #d1d5db; | |
| 5064 | + border-radius: 4px; | |
| 5065 | + padding: 6px 8px; | |
| 5066 | + cursor: pointer; | |
| 5067 | + display: flex; | |
| 5068 | + align-items: center; | |
| 5069 | + justify-content: center; | |
| 5070 | + transition: all 0.2s; | |
| 5071 | + color: #6b7280; | |
| 5072 | +} | |
| 5073 | + | |
| 5074 | +.ays-survey-copy-shortcode-btn:hover { | |
| 5075 | + background: #f9fafb; | |
| 5076 | + border-color: #9ca3af; | |
| 5077 | + color: #374151; | |
| 5078 | +} | |
| 5079 | + | |
| 5080 | +.ays-survey-copy-shortcode-btn:active { | |
| 5081 | + background: #f3f4f6; | |
| 5082 | +} | |
| 5083 | + | |
| 5084 | +.ays-survey-copy-shortcode-btn svg { | |
| 5085 | + width: 16px; | |
| 5086 | + height: 16px; | |
| 5087 | +} | |
| 5088 | + | |
| 5089 | +.ays-survey-copy-tooltip { | |
| 5090 | + position: absolute; | |
| 5091 | + bottom: calc(100% + 8px); | |
| 5092 | + left: 50%; | |
| 5093 | + transform: translateX(-50%); | |
| 5094 | + background: #10b981; | |
| 5095 | + color: #ffffff; | |
| 5096 | + padding: 6px 12px; | |
| 5097 | + border-radius: 4px; | |
| 5098 | + font-size: 12px; | |
| 5099 | + font-weight: 500; | |
| 5100 | + white-space: nowrap; | |
| 5101 | + opacity: 0; | |
| 5102 | + visibility: hidden; | |
| 5103 | + transition: opacity 0.2s, visibility 0.2s; | |
| 5104 | + pointer-events: none; | |
| 5105 | + z-index: 1000; | |
| 5106 | +} | |
| 5107 | + | |
| 5108 | +.ays-survey-copy-tooltip::after { | |
| 5109 | + content: ''; | |
| 5110 | + position: absolute; | |
| 5111 | + top: 100%; | |
| 5112 | + left: 50%; | |
| 5113 | + transform: translateX(-50%); | |
| 5114 | + width: 0; | |
| 5115 | + height: 0; | |
| 5116 | + border-left: 5px solid transparent; | |
| 5117 | + border-right: 5px solid transparent; | |
| 5118 | + border-top: 5px solid #10b981; | |
| 5119 | +} | |
| 5120 | + | |
| 5121 | +.ays-survey-copy-tooltip.ays-survey-show { | |
| 5122 | + opacity: 1; | |
| 5123 | + visibility: visible; | |
| 5124 | +} | |
| 5125 | + | |
| 5126 | +.ays-survey-info-card-link-disabled { | |
| 5127 | + opacity: 0.5; | |
| 5128 | + cursor: not-allowed; | |
| 5129 | + background: #f3f4f6; | |
| 5130 | + color: #9ca3af; | |
| 5131 | + border-color: #e5e7eb; | |
| 5132 | +} | |
| 5133 | + | |
| 5134 | +.ays-survey-info-card-link-disabled:hover { | |
| 5135 | + background: #f3f4f6; | |
| 5136 | + border-color: #e5e7eb; | |
| 5137 | + color: #9ca3af; | |
| 5138 | +} | |
| 5139 | + | |
| 5140 | +.ays-survey-info-card-hint { | |
| 5141 | + font-size: 11px; | |
| 5142 | + color: #f59e0b; | |
| 5143 | + margin: 4px 0 0 0; | |
| 5144 | + line-height: 16px; | |
| 5145 | +} | |
| 5146 | + | |
| 5147 | +.ays-survey-info-card-hint a { | |
| 5148 | + color: inherit; | |
| 5149 | + text-decoration: underline; | |
| 5150 | + cursor: pointer; | |
| 5151 | +} | |
| 5152 | + | |
| 5153 | +.ays-survey-info-card-hint a:hover, | |
| 5154 | +.ays-survey-info-card-hint a:focus { | |
| 5155 | + color: #d97706; | |
| 5156 | + text-decoration: underline; | |
| 5157 | +} | |
| 5158 | + | |
| 5159 | +.ays-survey-save-publish-link { | |
| 5160 | + color: #005ae0; | |
| 5161 | + font-weight: 500; | |
| 5162 | + text-decoration: none; | |
| 5163 | +} | |
| 5164 | + | |
| 5165 | +.ays-survey-save-publish-link:hover, | |
| 5166 | +.ays-survey-save-publish-link:focus { | |
| 5167 | + color: #003f9e; | |
| 5168 | + text-decoration: underline; | |
| 5169 | + box-shadow: none; | |
| 5170 | +} | |
| 5171 | + | |
| 5172 | +.ays-survey-info-card-link-disabled svg { | |
| 5173 | + vertical-align: middle; | |
| 5174 | +} | |
| 5175 | + | |
| 5176 | +@media (max-width: 768px) { | |
| 5177 | + .ays-survey-publish-container { | |
| 5178 | + padding: 10px; | |
| 5179 | + } | |
| 5180 | + | |
| 5181 | + .ays-survey-publish-title { | |
| 5182 | + font-size: 16px; | |
| 5183 | + } | |
| 5184 | + | |
| 5185 | + .ays-survey-publish-subtitle { | |
| 5186 | + font-size: 12px; | |
| 5187 | + } | |
| 5188 | + | |
| 5189 | + .ays-survey-info-card { | |
| 5190 | + flex-direction: column; | |
| 5191 | + align-items: flex-start; | |
| 5192 | + } | |
| 5193 | + | |
| 5194 | + .ays-survey-info-card-link { | |
| 5195 | + margin-top: 10px; | |
| 5196 | + } | |
| 5197 | + | |
| 5198 | + .ays-survey-grid-view-summary { | |
| 5199 | + flex-direction: column; | |
| 5200 | + align-items: flex-start; | |
| 5201 | + } | |
| 5202 | + | |
| 5203 | + .ays-survey-step-instructions { | |
| 5204 | + padding-left: 0; | |
| 5205 | + } | |
| 5206 | + | |
| 5207 | + .ays-survey-step-number-badge { | |
| 5208 | + margin-bottom: 8px; | |
| 5209 | + } | |
| 5210 | +} | |
| 5211 | + | |
| 5212 | +/* Publish Tab design | End */ | |
| 5213 | + | |
| 5214 | +/* Terms and conditions start */ | |
| 5215 | + | |
| 5216 | +.ays_survey_terms_and_conditions_content { | |
| 5217 | + border-top-left-radius: 8px; | |
| 5218 | + border-bottom-left-radius: 8px; | |
| 5219 | + border-left-width: 5px; | |
| 5220 | + border-left-style: solid; | |
| 5221 | + border-right: 1px solid #B8B8B8; | |
| 5222 | +} | |
| 5223 | + | |
| 5224 | +.ays_survey_terms_conditions_edit_block:nth-of-type(even) { | |
| 5225 | + background-color: #fff; | |
| 5226 | +} | |
| 5227 | +.ays_survey_terms_conditions_edit_block { | |
| 5228 | + display: flex; | |
| 5229 | + align-items: center; | |
| 5230 | + justify-content: space-between; | |
| 5231 | +} | |
| 5232 | + | |
| 5233 | +.ays_survey_terms_conditions_edit_block:first-child { | |
| 5234 | + border-top: 1px solid #B8B8B8; | |
| 5235 | +} | |
| 5236 | + | |
| 5237 | +.ays_survey_terms_conditions_edit_block:last-child { | |
| 5238 | + border-bottom: 1px solid #B8B8B8; | |
| 5239 | +} | |
| 5240 | + | |
| 5241 | +.ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons { | |
| 5242 | + display: flex; | |
| 5243 | + align-items: center; | |
| 5244 | + justify-content: center; | |
| 5245 | +} | |
| 5246 | + | |
| 5247 | +.ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons img { | |
| 5248 | + cursor: pointer; | |
| 5249 | +} | |
| 5250 | + | |
| 5251 | +.ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div { | |
| 5252 | + padding: 10px; | |
| 5253 | + border-right: 1px solid #B8B8B8; | |
| 5254 | + border-left: 1px solid #B8B8B8; | |
| 5255 | + width: 95%; | |
| 5256 | +} | |
| 5257 | + | |
| 5258 | +.ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div textarea { | |
| 5259 | + width: 100%; | |
| 5260 | +} | |
| 5261 | + | |
| 5262 | +.ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_checkbox { | |
| 5263 | + display:flex; | |
| 5264 | + align-items:center; | |
| 5265 | + justify-content:center; | |
| 5266 | + width:48px; | |
| 5267 | +} | |
| 5268 | + | |
| 5269 | +/* Terms and conditions end */ | |
| 5270 | + | |
| 5271 | +.ays-survey-dashboard-main-wrap .ays-survey-top-preview-button { | |
| 5272 | + display: inline-flex; | |
| 5273 | + align-items: center; | |
| 5274 | + justify-content: center; | |
| 5275 | + gap: 6px; | |
| 5276 | + min-height: 30px; | |
| 5277 | + padding: 0 10px; | |
| 5278 | + border: 1px solid #005AE0; | |
| 5279 | + border-radius: 4px; | |
| 5280 | + background-color: #fff; | |
| 5281 | + color: #4b5563; | |
| 5282 | + font-size: 13px; | |
| 5283 | + font-weight: 500; | |
| 5284 | + line-height: 2.15384615; | |
| 5285 | + text-decoration: none; | |
| 5286 | + white-space: nowrap; | |
| 5287 | + box-sizing: border-box; | |
| 5288 | + transition: all 0.3s; | |
| 5289 | +} | |
| 5290 | + | |
| 5291 | +.ays-survey-dashboard-main-wrap .ays-survey-top-preview-button svg { | |
| 5292 | + width: 16px; | |
| 5293 | + height: 16px; | |
| 5294 | + flex: 0 0 16px; | |
| 5295 | +} | |
| 5296 | + | |
| 5297 | +.ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:active, | |
| 5298 | +.ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:focus, | |
| 5299 | +.ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:hover { | |
| 5300 | + background-color: #E5EEFF; | |
| 5301 | + color: #4b5563; | |
| 5302 | + border-color: #005AE0; | |
| 5303 | + box-shadow: none; | |
| 5304 | + text-decoration: none; | |
| 5305 | +} | |
