| @@ -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; |
| @@ -4768,8 +4839,12 @@ | ||
| 4768 | 4839 | .wp-list-table{ |
| 4769 | 4840 | margin-top: 20px !important; |
| 4770 | 4841 | } |
| 4771 | 4842 | |
| 4843 | +.wp-list-table th{ | |
| 4844 | + font-size: 14px; | |
| 4845 | +} | |
| 4846 | + | |
| 4772 | 4847 | /* Publish Tab design | Start */ |
| 4773 | 4848 | |
| 4774 | 4849 | .ays-survey-publish-container { |
| 4775 | 4850 | padding: 0; |
| @@ -5133,5 +5208,98 @@ | ||
| 5133 | 5208 | margin-bottom: 8px; |
| 5134 | 5209 | } |
| 5135 | 5210 | } |
| 5136 | 5211 | |
| 5137 | -/* Publish Tab design | End */ | |
| 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 | +} | |
