| @@ -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 | } |
| @@ -2618,53 +2624,175 @@ | ||
| 2618 | 2624 | * Survey themes |
| 2619 | 2625 | */ |
| 2620 | 2626 | |
| 2621 | 2627 | .ays-survey-themes-main-div-wrap { |
| 2622 | - display: flex; | |
| 2623 | - flex-wrap: wrap; | |
| 2624 | - gap: 20px; | |
| 2625 | - justify-content: center; | |
| 2628 | + display: grid; | |
| 2629 | + grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| 2630 | + gap: 24px; | |
| 2631 | + width: 100%; | |
| 2626 | 2632 | } |
| 2627 | 2633 | |
| 2628 | 2634 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div { |
| 2629 | - width: 200px; | |
| 2630 | - margin-right: 10px; | |
| 2635 | + position: relative; | |
| 2636 | + min-width: 0; | |
| 2631 | 2637 | } |
| 2632 | 2638 | |
| 2633 | -.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item { | |
| 2634 | - text-align: center; | |
| 2635 | - padding: 5px; | |
| 2636 | - height: 100%; | |
| 2637 | - object-fit: contain; | |
| 2639 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item { | |
| 2640 | + position: relative; | |
| 2641 | + display: block; | |
| 2642 | + overflow: hidden; | |
| 2643 | + width: 100%; | |
| 2644 | + margin: 0; | |
| 2645 | + border: 1px solid #d9e0ea; | |
| 2646 | + border-radius: 8px; | |
| 2647 | + background: #fff; | |
| 2648 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); | |
| 2649 | + color: #111827; | |
| 2650 | + cursor: pointer; | |
| 2651 | + text-decoration: none; | |
| 2652 | + transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; | |
| 2653 | +} | |
| 2654 | + | |
| 2655 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:hover, | |
| 2656 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:focus { | |
| 2657 | + color: #111827; | |
| 2658 | + text-decoration: none; | |
| 2659 | +} | |
| 2660 | + | |
| 2661 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div:hover .ays-survey-theme-item, | |
| 2662 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:focus-within { | |
| 2663 | + border-color: #c5cfdd; | |
| 2664 | + box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1); | |
| 2665 | + transform: translateY(-2px); | |
| 2666 | +} | |
| 2667 | + | |
| 2668 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-item-header { | |
| 2638 | 2669 | display: flex; |
| 2639 | - object-position: center center; | |
| 2640 | - flex-direction: column; | |
| 2641 | 2670 | align-items: center; |
| 2671 | + justify-content: space-between; | |
| 2672 | + min-height: 34px; | |
| 2673 | + padding: 8px 12px; | |
| 2674 | + border-bottom: 1px solid #e3e8f0; | |
| 2675 | + background: #fbfcfe; | |
| 2676 | +} | |
| 2677 | + | |
| 2678 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-item-title { | |
| 2679 | + overflow: hidden; | |
| 2680 | + color: #020617; | |
| 2681 | + font-size: 12px; | |
| 2682 | + font-weight: 600; | |
| 2683 | + line-height: 1.2; | |
| 2684 | + text-overflow: ellipsis; | |
| 2685 | + white-space: nowrap; | |
| 2686 | +} | |
| 2687 | + | |
| 2688 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-lock { | |
| 2689 | + display: inline-flex; | |
| 2690 | + align-items: center; | |
| 2642 | 2691 | justify-content: center; |
| 2643 | - border: 1px solid #C7C7C7; | |
| 2644 | - border-radius: 4px; | |
| 2645 | - cursor: pointer; | |
| 2692 | + color: #60708a; | |
| 2646 | 2693 | } |
| 2647 | 2694 | |
| 2648 | -.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item:hover { | |
| 2649 | - box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.3); | |
| 2695 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-preview { | |
| 2696 | + position: relative; | |
| 2697 | + display: block; | |
| 2698 | + padding: 14px; | |
| 2650 | 2699 | } |
| 2651 | 2700 | |
| 2652 | -.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item img { | |
| 2701 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-preview img { | |
| 2702 | + display: block; | |
| 2653 | 2703 | width: 100%; |
| 2654 | - max-width: 100%; | |
| 2704 | + height: auto; | |
| 2655 | 2705 | } |
| 2656 | 2706 | |
| 2707 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-pro-overlay { | |
| 2708 | + position: absolute; | |
| 2709 | + inset: 0; | |
| 2710 | + z-index: 1; | |
| 2711 | + background: rgba(255, 255, 255, 0.28); | |
| 2712 | + backdrop-filter: blur(2.2px); | |
| 2713 | +} | |
| 2714 | + | |
| 2715 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button { | |
| 2716 | + position: absolute; | |
| 2717 | + left: 50%; | |
| 2718 | + bottom: 12px; | |
| 2719 | + z-index: 3; | |
| 2720 | + display: inline-flex; | |
| 2721 | + align-items: center; | |
| 2722 | + gap: 5px; | |
| 2723 | + max-width: calc(100% - 24px); | |
| 2724 | + padding: 7px 11px; | |
| 2725 | + border-radius: 6px; | |
| 2726 | + background-color: #111827; | |
| 2727 | + color: #ffffff !important; | |
| 2728 | + font-size: 11px; | |
| 2729 | + font-weight: 600; | |
| 2730 | + line-height: 1; | |
| 2731 | + text-decoration: none; | |
| 2732 | + white-space: nowrap; | |
| 2733 | + box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18); | |
| 2734 | + opacity: 0; | |
| 2735 | + transform: translate(-50%, 6px); | |
| 2736 | + transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease; | |
| 2737 | + pointer-events: none; | |
| 2738 | +} | |
| 2739 | + | |
| 2740 | +/* .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:before { | |
| 2741 | + content: ""; | |
| 2742 | + position: absolute; | |
| 2743 | + left: 50%; | |
| 2744 | + bottom: -12px; | |
| 2745 | + z-index: -1; | |
| 2746 | + width: 180px; | |
| 2747 | + max-width: 180px; | |
| 2748 | + height: 74px; | |
| 2749 | + background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.86) 52%, rgba(255, 255, 255, 0) 100%); | |
| 2750 | + transform: translateX(-50%); | |
| 2751 | +} */ | |
| 2752 | + | |
| 2753 | +.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div:hover .ays-survey-theme-demo-button, | |
| 2754 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:focus { | |
| 2755 | + color: #ffffff !important; | |
| 2756 | + opacity: 1; | |
| 2757 | + transform: translate(-50%, 0); | |
| 2758 | + pointer-events: auto; | |
| 2759 | +} | |
| 2760 | + | |
| 2761 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:hover, | |
| 2762 | +.ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:focus { | |
| 2763 | + background-color: #020617; | |
| 2764 | + color: #ffffff !important; | |
| 2765 | + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; | |
| 2766 | +} | |
| 2767 | + | |
| 2657 | 2768 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"] { |
| 2658 | 2769 | display: none; |
| 2659 | 2770 | } |
| 2660 | 2771 | |
| 2661 | 2772 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"]:checked + label.ays-survey-theme-item { |
| 2662 | - /*box-shadow: 0px 0px 10px #ff581f;*/ | |
| 2663 | - box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.5); | |
| 2773 | + border-color: #2271b1; | |
| 2774 | + box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2), 0 8px 18px rgba(15, 23, 42, 0.1); | |
| 2664 | 2775 | } |
| 2665 | 2776 | |
| 2777 | +@media (max-width: 900px) { | |
| 2778 | + .ays-survey-themes-main-div-wrap { | |
| 2779 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 2780 | + } | |
| 2781 | +} | |
| 2666 | 2782 | |
| 2783 | +@media (max-width: 782px) { | |
| 2784 | + .ays-survey-themes-main-div-wrap { | |
| 2785 | + gap: 16px; | |
| 2786 | + } | |
| 2787 | +} | |
| 2788 | + | |
| 2789 | +@media (max-width: 520px) { | |
| 2790 | + .ays-survey-themes-main-div-wrap { | |
| 2791 | + grid-template-columns: 1fr; | |
| 2792 | + } | |
| 2793 | +} | |
| 2794 | + | |
| 2667 | 2795 | /* Community start */ |
| 2668 | 2796 | @media (min-width: 1250px) { |
| 2669 | 2797 | .ays-survey-community-wrap .ays-survey-community-item { |
| 2670 | 2798 | width:calc(28.3333333% - 13.3333333px) |
| @@ -3793,9 +3921,9 @@ | ||
| 3793 | 3921 | /* Select message vars from surveys page */ |
| 3794 | 3922 | .ays-survey-message-vars-box{ |
| 3795 | 3923 | display: flex; |
| 3796 | 3924 | justify-content: flex-end; |
| 3797 | - flex-direction: column; | |
| 3925 | + /*flex-direction: column;*/ | |
| 3798 | 3926 | align-items: flex-end; |
| 3799 | 3927 | user-select: none; |
| 3800 | 3928 | } |
| 3801 | 3929 | |
| @@ -3811,9 +3939,28 @@ | ||
| 3811 | 3939 | border-radius: 35px; |
| 3812 | 3940 | cursor: pointer; |
| 3813 | 3941 | } |
| 3814 | 3942 | |
| 3815 | -.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 | + | |
| 3816 | 3963 | .ays-survey-surveys-box .ays-survey-surveys-icon{ |
| 3817 | 3964 | display: flex; |
| 3818 | 3965 | width: 150px; |
| 3819 | 3966 | justify-content: space-between; |
| @@ -3821,34 +3968,71 @@ | ||
| 3821 | 3968 | margin-bottom: 15px; |
| 3822 | 3969 | |
| 3823 | 3970 | } |
| 3824 | 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 | + | |
| 3825 | 4004 | .ays-survey-message-vars-box .ays-survey-message-vars-icon span, |
| 3826 | 4005 | .ays-survey-surveys .ays-survey-surveys-icon span{ |
| 3827 | 4006 | font-size: 13px; |
| 3828 | 4007 | } |
| 3829 | 4008 | |
| 3830 | -.ays-survey-message-vars-data,.ays-survey-surveys-data{ | |
| 3831 | - position: absolute; | |
| 3832 | - top: 27px; | |
| 3833 | - /* text-align: center; */ | |
| 3834 | - max-height: 350px; | |
| 3835 | - overflow: auto scroll; | |
| 3836 | - z-index: 9999; | |
| 3837 | - background-color: #ffff; | |
| 3838 | - border-radius: 5px; | |
| 3839 | - /* border: 1px solid grey; */ | |
| 3840 | - width: 250px; | |
| 3841 | - display: none; | |
| 3842 | - 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); | |
| 3843 | 4026 | } |
| 3844 | 4027 | |
| 3845 | 4028 | .ays-survey-surveys-data{ |
| 3846 | 4029 | top: 36px; |
| 4030 | + left: 0; | |
| 3847 | 4031 | } |
| 3848 | 4032 | |
| 3849 | 4033 | .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar { |
| 3850 | - width: 0.2em; | |
| 4034 | + width: 0.35em; | |
| 3851 | 4035 | } |
| 3852 | 4036 | |
| 3853 | 4037 | .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{ |
| 3854 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| @@ -3854,13 +4038,21 @@ | ||
| 3854 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| 3855 | 4039 | } |
| 3856 | 4040 | |
| 3857 | 4041 | .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{ |
| 3858 | - background-color: darkgrey; | |
| 3859 | - outline: 1px solid slategrey; | |
| 4042 | + background-color: #94a3b8; | |
| 4043 | + outline: 1px solid #94a3b8; | |
| 3860 | 4044 | border-radius: 5px; |
| 3861 | 4045 | } |
| 3862 | 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 | + | |
| 3863 | 4055 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data, |
| 3864 | 4056 | .ays-survey-surveys-data .ays-survey-surveys-each-data{ |
| 3865 | 4057 | cursor: pointer; |
| 3866 | 4058 | } |
| @@ -3870,9 +4062,9 @@ | ||
| 3870 | 4062 | border-bottom: 1px solid #d5d5d559; |
| 3871 | 4063 | } |
| 3872 | 4064 | |
| 3873 | 4065 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data{ |
| 3874 | - padding: 8px 0 8px 8px; | |
| 4066 | + padding: 9px 12px; | |
| 3875 | 4067 | } |
| 3876 | 4068 | |
| 3877 | 4069 | .ays-survey-surveys-data .ays-survey-surveys-each-data a{ |
| 3878 | 4070 | display: inline-block; |
| @@ -3882,14 +4074,14 @@ | ||
| 3882 | 4074 | text-decoration: none; |
| 3883 | 4075 | } |
| 3884 | 4076 | |
| 3885 | 4077 | .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{ |
| 3886 | - /* color: #0056b3; */ | |
| 3887 | - background-color: #E8F0FF; | |
| 4078 | + background-color: #f1f5f9; | |
| 4079 | + color: #0f172a; | |
| 3888 | 4080 | } |
| 3889 | 4081 | |
| 3890 | 4082 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{ |
| 3891 | - background-color: #f2f5fb; | |
| 4083 | + background-color: #f2f5fb; | |
| 3892 | 4084 | } |
| 3893 | 4085 | |
| 3894 | 4086 | .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{ |
| 3895 | 4087 | background-color: #e1e1e1; |
| @@ -3969,8 +4161,9 @@ | ||
| 3969 | 4161 | padding: 5px 27px; |
| 3970 | 4162 | margin: 0 10px !important; |
| 3971 | 4163 | line-height: 2; |
| 3972 | 4164 | color: #ffffff; |
| 4165 | + font-weight: normal; | |
| 3973 | 4166 | } |
| 3974 | 4167 | |
| 3975 | 4168 | #wpbody .wrap .ays-survey-add-new-button-new-design:hover { |
| 3976 | 4169 | background: #0f34e7; |
| @@ -4644,5 +4837,469 @@ | ||
| 4644 | 4837 | } |
| 4645 | 4838 | |
| 4646 | 4839 | .wp-list-table{ |
| 4647 | 4840 | margin-top: 20px !important; |
| 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; | |
| 4648 | 5305 | } |
