| @@ -3921,9 +3921,9 @@ | ||
| 3921 | 3921 | /* Select message vars from surveys page */ |
| 3922 | 3922 | .ays-survey-message-vars-box{ |
| 3923 | 3923 | display: flex; |
| 3924 | 3924 | justify-content: flex-end; |
| 3925 | - flex-direction: column; | |
| 3925 | + /*flex-direction: column;*/ | |
| 3926 | 3926 | align-items: flex-end; |
| 3927 | 3927 | user-select: none; |
| 3928 | 3928 | } |
| 3929 | 3929 | |
| @@ -3939,9 +3939,28 @@ | ||
| 3939 | 3939 | border-radius: 35px; |
| 3940 | 3940 | cursor: pointer; |
| 3941 | 3941 | } |
| 3942 | 3942 | |
| 3943 | -.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 | + | |
| 3944 | 3963 | .ays-survey-surveys-box .ays-survey-surveys-icon{ |
| 3945 | 3964 | display: flex; |
| 3946 | 3965 | width: 150px; |
| 3947 | 3966 | justify-content: space-between; |
| @@ -3949,34 +3968,71 @@ | ||
| 3949 | 3968 | margin-bottom: 15px; |
| 3950 | 3969 | |
| 3951 | 3970 | } |
| 3952 | 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 | + | |
| 3953 | 4004 | .ays-survey-message-vars-box .ays-survey-message-vars-icon span, |
| 3954 | 4005 | .ays-survey-surveys .ays-survey-surveys-icon span{ |
| 3955 | 4006 | font-size: 13px; |
| 3956 | 4007 | } |
| 3957 | 4008 | |
| 3958 | -.ays-survey-message-vars-data,.ays-survey-surveys-data{ | |
| 3959 | - position: absolute; | |
| 3960 | - top: 27px; | |
| 3961 | - /* text-align: center; */ | |
| 3962 | - max-height: 350px; | |
| 3963 | - overflow: auto scroll; | |
| 3964 | - z-index: 9999; | |
| 3965 | - background-color: #ffff; | |
| 3966 | - border-radius: 5px; | |
| 3967 | - /* border: 1px solid grey; */ | |
| 3968 | - width: 250px; | |
| 3969 | - display: none; | |
| 3970 | - 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); | |
| 3971 | 4026 | } |
| 3972 | 4027 | |
| 3973 | 4028 | .ays-survey-surveys-data{ |
| 3974 | 4029 | top: 36px; |
| 4030 | + left: 0; | |
| 3975 | 4031 | } |
| 3976 | 4032 | |
| 3977 | 4033 | .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar { |
| 3978 | - width: 0.2em; | |
| 4034 | + width: 0.35em; | |
| 3979 | 4035 | } |
| 3980 | 4036 | |
| 3981 | 4037 | .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{ |
| 3982 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| @@ -3982,13 +4038,21 @@ | ||
| 3982 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| 3983 | 4039 | } |
| 3984 | 4040 | |
| 3985 | 4041 | .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{ |
| 3986 | - background-color: darkgrey; | |
| 3987 | - outline: 1px solid slategrey; | |
| 4042 | + background-color: #94a3b8; | |
| 4043 | + outline: 1px solid #94a3b8; | |
| 3988 | 4044 | border-radius: 5px; |
| 3989 | 4045 | } |
| 3990 | 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 | + | |
| 3991 | 4055 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data, |
| 3992 | 4056 | .ays-survey-surveys-data .ays-survey-surveys-each-data{ |
| 3993 | 4057 | cursor: pointer; |
| 3994 | 4058 | } |
| @@ -3998,9 +4062,9 @@ | ||
| 3998 | 4062 | border-bottom: 1px solid #d5d5d559; |
| 3999 | 4063 | } |
| 4000 | 4064 | |
| 4001 | 4065 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data{ |
| 4002 | - padding: 8px 0 8px 8px; | |
| 4066 | + padding: 9px 12px; | |
| 4003 | 4067 | } |
| 4004 | 4068 | |
| 4005 | 4069 | .ays-survey-surveys-data .ays-survey-surveys-each-data a{ |
| 4006 | 4070 | display: inline-block; |
| @@ -4010,14 +4074,14 @@ | ||
| 4010 | 4074 | text-decoration: none; |
| 4011 | 4075 | } |
| 4012 | 4076 | |
| 4013 | 4077 | .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{ |
| 4014 | - /* color: #0056b3; */ | |
| 4015 | - background-color: #E8F0FF; | |
| 4078 | + background-color: #f1f5f9; | |
| 4079 | + color: #0f172a; | |
| 4016 | 4080 | } |
| 4017 | 4081 | |
| 4018 | 4082 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{ |
| 4019 | - background-color: #f2f5fb; | |
| 4083 | + background-color: #f2f5fb; | |
| 4020 | 4084 | } |
| 4021 | 4085 | |
| 4022 | 4086 | .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{ |
| 4023 | 4087 | background-color: #e1e1e1; |
| @@ -4773,8 +4837,12 @@ | ||
| 4773 | 4837 | } |
| 4774 | 4838 | |
| 4775 | 4839 | .wp-list-table{ |
| 4776 | 4840 | margin-top: 20px !important; |
| 4841 | +} | |
| 4842 | + | |
| 4843 | +.wp-list-table th{ | |
| 4844 | + font-size: 14px; | |
| 4777 | 4845 | } |
| 4778 | 4846 | |
| 4779 | 4847 | /* Publish Tab design | Start */ |
| 4780 | 4848 | |
