| @@ -740,9 +740,9 @@ | ||
| 740 | 740 | border-radius: 0 50% 50% 0; |
| 741 | 741 | } |
| 742 | 742 | div.ays-top-menu-wrapper div.ays-top-menu { |
| 743 | 743 | overflow: hidden; |
| 744 | - width: 98%; | |
| 744 | + width: 100%; | |
| 745 | 745 | margin: auto; |
| 746 | 746 | } |
| 747 | 747 | div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper { |
| 748 | 748 | display: flex; |
| @@ -748,11 +748,11 @@ | ||
| 748 | 748 | display: flex; |
| 749 | 749 | flex-wrap: nowrap; |
| 750 | 750 | transform: translate(0); |
| 751 | 751 | transition: .5s ease-in-out; |
| 752 | - padding-right: 7px; | |
| 752 | + padding: 0; | |
| 753 | 753 | min-width: fit-content; |
| 754 | - width: 100%; | |
| 754 | + background: revert; | |
| 755 | 755 | } |
| 756 | 756 | div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper a{ |
| 757 | 757 | padding: 8px 25px; |
| 758 | 758 | font-size: 15px; |
| @@ -758,8 +758,11 @@ | ||
| 758 | 758 | font-size: 15px; |
| 759 | 759 | display: inline-block; |
| 760 | 760 | flex-grow: 1; |
| 761 | 761 | text-align: center; |
| 762 | + margin-right: 0; | |
| 763 | + font-weight: 500; | |
| 764 | + color: #333 !important; | |
| 762 | 765 | } |
| 763 | 766 | |
| 764 | 767 | |
| 765 | 768 | input.ays_toggle[type=checkbox]{ |
| @@ -895,8 +898,9 @@ | ||
| 895 | 898 | */ |
| 896 | 899 | .ays-settings-wrapper { |
| 897 | 900 | display: flex; |
| 898 | 901 | } |
| 902 | + | |
| 899 | 903 | .ays-settings-wrapper .nav-tab-wrapper { |
| 900 | 904 | display: flex; |
| 901 | 905 | flex-direction: column; |
| 902 | 906 | min-width: 150px; |
| @@ -901,9 +905,11 @@ | ||
| 901 | 905 | flex-direction: column; |
| 902 | 906 | min-width: 150px; |
| 903 | 907 | margin-right: 15px; |
| 904 | 908 | border-bottom: none; |
| 909 | + padding: 0; | |
| 905 | 910 | } |
| 911 | + | |
| 906 | 912 | .ays-settings-wrapper .nav-tab-wrapper .nav-tab { |
| 907 | 913 | display: block; |
| 908 | 914 | width: 100%; |
| 909 | 915 | border: 1px solid #ccc; |
| @@ -908,17 +914,40 @@ | ||
| 908 | 914 | width: 100%; |
| 909 | 915 | border: 1px solid #ccc; |
| 910 | 916 | margin: 0; |
| 911 | 917 | float: none !important; |
| 918 | + padding: 5px 10px; | |
| 919 | + font-size: 14px; | |
| 920 | + font-weight: 600; | |
| 921 | + background: #dcdcde; | |
| 912 | 922 | } |
| 923 | + | |
| 924 | +.ays-settings-wrapper .nav-tab-wrapper .nav-tab-active, | |
| 925 | +.ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus, | |
| 926 | +.ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus:active, | |
| 927 | +.ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:hover { | |
| 928 | + color: #000; | |
| 929 | + border: 1px solid #ccc; | |
| 930 | + background: #f0f0f1; | |
| 931 | + box-shadow: unset; | |
| 932 | +} | |
| 933 | + | |
| 934 | +.ays-settings-wrapper .nav-tab-wrapper .nav-tab-active { | |
| 935 | + border-bottom: 1px solid #f0f0f1; | |
| 936 | + background: #f0f0f1; | |
| 937 | + color: #000; | |
| 938 | +} | |
| 939 | + | |
| 913 | 940 | .ays-settings-wrapper .nav-tab-wrapper .nav-tab:last-child { |
| 914 | 941 | border-bottom: 1px solid #ccc; |
| 915 | 942 | } |
| 943 | + | |
| 916 | 944 | .ays-settings-wrapper .ays-survey-tabs-wrapper { |
| 917 | 945 | width: 100%; |
| 918 | 946 | border-left: 1px solid #ccc; |
| 919 | 947 | padding-left: 15px; |
| 920 | 948 | } |
| 949 | + | |
| 921 | 950 | .ays-settings-wrapper .ays-survey-tabs-wrapper p.ays-subtitle { |
| 922 | 951 | margin-top: 0; |
| 923 | 952 | } |
| 924 | 953 | |
| @@ -927,10 +956,8 @@ | ||
| 927 | 956 | margin-right: 10px; |
| 928 | 957 | } |
| 929 | 958 | |
| 930 | 959 | .chart_div { |
| 931 | - /*width: 100%; | |
| 932 | - height: 500px;*/ | |
| 933 | 960 | margin: auto; |
| 934 | 961 | } |
| 935 | 962 | |
| 936 | 963 | .ays-survey-tab-content fieldset, |
| @@ -1331,8 +1358,45 @@ | ||
| 1331 | 1358 | .shortcode.column-shortcode input { |
| 1332 | 1359 | width: 100%; |
| 1333 | 1360 | } |
| 1334 | 1361 | |
| 1362 | +.ays-survey-shortcode-container { | |
| 1363 | + background-color: #f4f5f7; | |
| 1364 | + border-radius: 5px; | |
| 1365 | + overflow: hidden; | |
| 1366 | + display: flex; | |
| 1367 | + justify-content: space-between; | |
| 1368 | + box-shadow: 0px 1px 2px rgb(0 0 0 / 50%); | |
| 1369 | + width: fit-content; | |
| 1370 | +} | |
| 1371 | + | |
| 1372 | +.ays-survey-copy-image { | |
| 1373 | + width: 32px; | |
| 1374 | + height: auto; | |
| 1375 | + display: flex; | |
| 1376 | + justify-content: center; | |
| 1377 | + align-items: center; | |
| 1378 | + background-color: #ebecf0; | |
| 1379 | + cursor: pointer; | |
| 1380 | + border-right: 1px solid #dddddf; | |
| 1381 | +} | |
| 1382 | + | |
| 1383 | +.ays-survey-shortcode-container .ays-survey-shortcode-input { | |
| 1384 | + font-size: 14px !important; | |
| 1385 | + padding: 0 5px; | |
| 1386 | +} | |
| 1387 | + | |
| 1388 | +.ays-survey-shortcode-container input { | |
| 1389 | + border: none!important; | |
| 1390 | + background-color: #f4f5f7; | |
| 1391 | +} | |
| 1392 | + | |
| 1393 | +.ays-survey-shortcode-container input[type=text]:focus { | |
| 1394 | + border: none!important; | |
| 1395 | + box-shadow: none!important; | |
| 1396 | + background-color: #f4f5f7!important; | |
| 1397 | +} | |
| 1398 | + | |
| 1335 | 1399 | .ays_question_answer+input:disabled+label{ |
| 1336 | 1400 | color: rgb(158 155 155 / 75%); |
| 1337 | 1401 | } |
| 1338 | 1402 | input:disabled{ |
| @@ -1491,9 +1555,11 @@ | ||
| 1491 | 1555 | background-color: #fff; |
| 1492 | 1556 | border: 1px solid #dadce0; |
| 1493 | 1557 | -webkit-border-radius: 8px !important; |
| 1494 | 1558 | border-radius: 8px !important; |
| 1495 | - padding: 0px 10px !important; | |
| 1559 | + padding: 0px 6px !important; | |
| 1560 | + height: 36px; | |
| 1561 | + font-size: 14px; | |
| 1496 | 1562 | } |
| 1497 | 1563 | #ays-survey-form .ays-survey-answer-icon-box.ays-survey-section-actions-more.dropdown { |
| 1498 | 1564 | display: block; |
| 1499 | 1565 | } |
| @@ -1551,8 +1617,14 @@ | ||
| 1551 | 1617 | display: inline-block; |
| 1552 | 1618 | font-size: 12px; |
| 1553 | 1619 | } |
| 1554 | 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 | + | |
| 1555 | 1627 | .ays_survey_display_flex{ |
| 1556 | 1628 | display: flex; |
| 1557 | 1629 | justify-content: space-between; |
| 1558 | 1630 | } |
| @@ -1980,13 +2052,21 @@ | ||
| 1980 | 2052 | padding: 10px; |
| 1981 | 2053 | overflow-x: auto; |
| 1982 | 2054 | } |
| 1983 | 2055 | |
| 2056 | +.ays-survey-features-cta-button-wrap { | |
| 2057 | + display: flex; | |
| 2058 | + justify-content: center; | |
| 2059 | + align-items: center; | |
| 2060 | + margin: 50px auto 0; | |
| 2061 | + gap: 20px; | |
| 2062 | +} | |
| 2063 | + | |
| 1984 | 2064 | .ays-survey-features-wrap .ays-survey-features-video { |
| 1985 | 2065 | display: flex; |
| 1986 | 2066 | justify-content: center; |
| 1987 | 2067 | align-items: center; |
| 1988 | - margin-top: 40px; | |
| 2068 | + /*margin-top: 40px;*/ | |
| 1989 | 2069 | gap: 5px; |
| 1990 | 2070 | } |
| 1991 | 2071 | |
| 1992 | 2072 | .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon{ |
| @@ -1997,11 +2077,30 @@ | ||
| 1997 | 2077 | font-weight: 700; |
| 1998 | 2078 | } |
| 1999 | 2079 | |
| 2000 | 2080 | .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text a{ |
| 2001 | - color: black; | |
| 2081 | + /*color: black;*/ | |
| 2002 | 2082 | box-shadow: unset; |
| 2003 | 2083 | outline: none; |
| 2084 | + | |
| 2085 | + display: inline-block; | |
| 2086 | + width: auto; | |
| 2087 | + min-width: 80px; | |
| 2088 | + padding: 5px 0; | |
| 2089 | + font: 500 12px / 16px Roboto, Arial, sans-serif; | |
| 2090 | + letter-spacing: -.25px; | |
| 2091 | + text-transform: capitalize; | |
| 2092 | + background-color: transparent; | |
| 2093 | + color: #888; | |
| 2094 | + cursor: pointer; | |
| 2095 | + margin: 0; | |
| 2096 | + border: 2px solid transparent; | |
| 2097 | + border-radius: 4px; | |
| 2098 | + text-decoration: underline; | |
| 2099 | + text-align: center; | |
| 2100 | + -webkit-transition: .3s; | |
| 2101 | + transition: .3s; | |
| 2102 | + font-size: 18px; | |
| 2004 | 2103 | } |
| 2005 | 2104 | |
| 2006 | 2105 | .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon img{ |
| 2007 | 2106 | width: 25px; |
| @@ -2109,8 +2208,101 @@ | ||
| 2109 | 2208 | .ays-survey-features-wrap .comparison .price-buy:hover { |
| 2110 | 2209 | background: #6BB0DC; |
| 2111 | 2210 | } |
| 2112 | 2211 | |
| 2212 | +.comparison .ays-survey-pracing-table-td-flex { | |
| 2213 | + display: flex; | |
| 2214 | + justify-content: center; | |
| 2215 | + align-items: center; | |
| 2216 | + flex-direction: column; | |
| 2217 | +} | |
| 2218 | + | |
| 2219 | +.comparison .ays-survey-pracing-table-td-flex span { | |
| 2220 | + font-size: 11px; | |
| 2221 | + color: #96a3bd; | |
| 2222 | + text-transform: uppercase; | |
| 2223 | + margin-top: 5px; | |
| 2224 | +} | |
| 2225 | + | |
| 2226 | +.ays-survey-sm-content-row-sg { | |
| 2227 | + background-color: #ecf6ff; | |
| 2228 | + margin: 70px 0; | |
| 2229 | +} | |
| 2230 | + | |
| 2231 | +.ays-survey-sm-main-container-sg * { | |
| 2232 | + margin: 0; | |
| 2233 | + padding: 0; | |
| 2234 | + box-sizing: border-box; | |
| 2235 | + background-repeat: no-repeat; | |
| 2236 | +} | |
| 2237 | + | |
| 2238 | +.ays-survey-sm-center-box-sg { | |
| 2239 | + display: flex; | |
| 2240 | + align-items: center; | |
| 2241 | + justify-content: center; | |
| 2242 | +} | |
| 2243 | + | |
| 2244 | +.ays-survey-sm-guarantee-container-sg { | |
| 2245 | + width: 70%; | |
| 2246 | + margin: auto; | |
| 2247 | + padding: 15px 0; | |
| 2248 | +} | |
| 2249 | + | |
| 2250 | +.ays-survey-sm-guarantee-container-sg img { | |
| 2251 | + width: 200px; | |
| 2252 | + margin-right: 30px; | |
| 2253 | +} | |
| 2254 | + | |
| 2255 | +.ays-survey-sm-guarantee-text-container-sg { | |
| 2256 | + max-width: 555px; | |
| 2257 | +} | |
| 2258 | + | |
| 2259 | +.ays-survey-sm-guarantee-container-sg h3 { | |
| 2260 | + font-size: 32px; | |
| 2261 | + text-transform: uppercase; | |
| 2262 | + color: #5F61FB; | |
| 2263 | + font-weight: 600; | |
| 2264 | + margin-bottom: 20px; | |
| 2265 | +} | |
| 2266 | + | |
| 2267 | +.ays-survey-sm-guarantee-container-sg p { | |
| 2268 | + font-size: 14px; | |
| 2269 | + color: #6A6A6A; | |
| 2270 | + line-height: 1.5em; | |
| 2271 | +} | |
| 2272 | + | |
| 2273 | +@media only screen and (max-width: 768px) { | |
| 2274 | + div.ays-survey-sm-guarantee-container-sg { | |
| 2275 | + width: 100%; | |
| 2276 | + } | |
| 2277 | + | |
| 2278 | + div.ays-survey-sm-guarantee-container-sg img { | |
| 2279 | + width: 140px; | |
| 2280 | + margin-right: 20px; | |
| 2281 | + } | |
| 2282 | + | |
| 2283 | + div.ays-survey-sm-guarantee-container-sg h3 { | |
| 2284 | + font-size: 19px; | |
| 2285 | + } | |
| 2286 | + | |
| 2287 | + div.ays-survey-sm-guarantee-container-sg p { | |
| 2288 | + font-size: 12px; | |
| 2289 | + } | |
| 2290 | + | |
| 2291 | + div.wrap.ays-survey-features-wrap-box { | |
| 2292 | + margin: 0; | |
| 2293 | + } | |
| 2294 | + | |
| 2295 | + div.comparison { | |
| 2296 | + padding: 0; | |
| 2297 | + overflow-x: auto; | |
| 2298 | + } | |
| 2299 | + | |
| 2300 | + div.ays-survey-features-cta-button-wrap { | |
| 2301 | + flex-direction: column; | |
| 2302 | + } | |
| 2303 | +} | |
| 2304 | + | |
| 2113 | 2305 | /* Featured Plugins End */ |
| 2114 | 2306 | |
| 2115 | 2307 | .popover { |
| 2116 | 2308 | background: rgb(95 99 104 / 90%) !important; |
| @@ -2432,53 +2624,175 @@ | ||
| 2432 | 2624 | * Survey themes |
| 2433 | 2625 | */ |
| 2434 | 2626 | |
| 2435 | 2627 | .ays-survey-themes-main-div-wrap { |
| 2436 | - display: flex; | |
| 2437 | - flex-wrap: wrap; | |
| 2438 | - gap: 20px; | |
| 2439 | - justify-content: center; | |
| 2628 | + display: grid; | |
| 2629 | + grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| 2630 | + gap: 24px; | |
| 2631 | + width: 100%; | |
| 2440 | 2632 | } |
| 2441 | 2633 | |
| 2442 | 2634 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div { |
| 2443 | - width: 200px; | |
| 2444 | - margin-right: 10px; | |
| 2635 | + position: relative; | |
| 2636 | + min-width: 0; | |
| 2445 | 2637 | } |
| 2446 | 2638 | |
| 2447 | -.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item { | |
| 2448 | - text-align: center; | |
| 2449 | - padding: 5px; | |
| 2450 | - height: 100%; | |
| 2451 | - 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 { | |
| 2452 | 2669 | display: flex; |
| 2453 | - object-position: center center; | |
| 2454 | - flex-direction: column; | |
| 2455 | 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; | |
| 2456 | 2691 | justify-content: center; |
| 2457 | - border: 1px solid #C7C7C7; | |
| 2458 | - border-radius: 4px; | |
| 2459 | - cursor: pointer; | |
| 2692 | + color: #60708a; | |
| 2460 | 2693 | } |
| 2461 | 2694 | |
| 2462 | -.ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item:hover { | |
| 2463 | - 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; | |
| 2464 | 2699 | } |
| 2465 | 2700 | |
| 2466 | -.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; | |
| 2467 | 2703 | width: 100%; |
| 2468 | - max-width: 100%; | |
| 2704 | + height: auto; | |
| 2469 | 2705 | } |
| 2470 | 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 | + | |
| 2471 | 2768 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"] { |
| 2472 | 2769 | display: none; |
| 2473 | 2770 | } |
| 2474 | 2771 | |
| 2475 | 2772 | .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"]:checked + label.ays-survey-theme-item { |
| 2476 | - /*box-shadow: 0px 0px 10px #ff581f;*/ | |
| 2477 | - 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); | |
| 2478 | 2775 | } |
| 2479 | 2776 | |
| 2777 | +@media (max-width: 900px) { | |
| 2778 | + .ays-survey-themes-main-div-wrap { | |
| 2779 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 2780 | + } | |
| 2781 | +} | |
| 2480 | 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 | + | |
| 2481 | 2795 | /* Community start */ |
| 2482 | 2796 | @media (min-width: 1250px) { |
| 2483 | 2797 | .ays-survey-community-wrap .ays-survey-community-item { |
| 2484 | 2798 | width:calc(28.3333333% - 13.3333333px) |
| @@ -3607,9 +3921,9 @@ | ||
| 3607 | 3921 | /* Select message vars from surveys page */ |
| 3608 | 3922 | .ays-survey-message-vars-box{ |
| 3609 | 3923 | display: flex; |
| 3610 | 3924 | justify-content: flex-end; |
| 3611 | - flex-direction: column; | |
| 3925 | + /*flex-direction: column;*/ | |
| 3612 | 3926 | align-items: flex-end; |
| 3613 | 3927 | user-select: none; |
| 3614 | 3928 | } |
| 3615 | 3929 | |
| @@ -3625,9 +3939,28 @@ | ||
| 3625 | 3939 | border-radius: 35px; |
| 3626 | 3940 | cursor: pointer; |
| 3627 | 3941 | } |
| 3628 | 3942 | |
| 3629 | -.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 | + | |
| 3630 | 3963 | .ays-survey-surveys-box .ays-survey-surveys-icon{ |
| 3631 | 3964 | display: flex; |
| 3632 | 3965 | width: 150px; |
| 3633 | 3966 | justify-content: space-between; |
| @@ -3635,34 +3968,71 @@ | ||
| 3635 | 3968 | margin-bottom: 15px; |
| 3636 | 3969 | |
| 3637 | 3970 | } |
| 3638 | 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 | + | |
| 3639 | 4004 | .ays-survey-message-vars-box .ays-survey-message-vars-icon span, |
| 3640 | 4005 | .ays-survey-surveys .ays-survey-surveys-icon span{ |
| 3641 | 4006 | font-size: 13px; |
| 3642 | 4007 | } |
| 3643 | 4008 | |
| 3644 | -.ays-survey-message-vars-data,.ays-survey-surveys-data{ | |
| 3645 | - position: absolute; | |
| 3646 | - top: 27px; | |
| 3647 | - /* text-align: center; */ | |
| 3648 | - max-height: 350px; | |
| 3649 | - overflow: auto scroll; | |
| 3650 | - z-index: 9999; | |
| 3651 | - background-color: #ffff; | |
| 3652 | - border-radius: 5px; | |
| 3653 | - /* border: 1px solid grey; */ | |
| 3654 | - width: 250px; | |
| 3655 | - display: none; | |
| 3656 | - 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); | |
| 3657 | 4026 | } |
| 3658 | 4027 | |
| 3659 | 4028 | .ays-survey-surveys-data{ |
| 3660 | 4029 | top: 36px; |
| 4030 | + left: 0; | |
| 3661 | 4031 | } |
| 3662 | 4032 | |
| 3663 | 4033 | .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar { |
| 3664 | - width: 0.2em; | |
| 4034 | + width: 0.35em; | |
| 3665 | 4035 | } |
| 3666 | 4036 | |
| 3667 | 4037 | .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{ |
| 3668 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| @@ -3668,13 +4038,21 @@ | ||
| 3668 | 4038 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| 3669 | 4039 | } |
| 3670 | 4040 | |
| 3671 | 4041 | .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{ |
| 3672 | - background-color: darkgrey; | |
| 3673 | - outline: 1px solid slategrey; | |
| 4042 | + background-color: #94a3b8; | |
| 4043 | + outline: 1px solid #94a3b8; | |
| 3674 | 4044 | border-radius: 5px; |
| 3675 | 4045 | } |
| 3676 | 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 | + | |
| 3677 | 4055 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data, |
| 3678 | 4056 | .ays-survey-surveys-data .ays-survey-surveys-each-data{ |
| 3679 | 4057 | cursor: pointer; |
| 3680 | 4058 | } |
| @@ -3684,9 +4062,9 @@ | ||
| 3684 | 4062 | border-bottom: 1px solid #d5d5d559; |
| 3685 | 4063 | } |
| 3686 | 4064 | |
| 3687 | 4065 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data{ |
| 3688 | - padding: 8px 0 8px 8px; | |
| 4066 | + padding: 9px 12px; | |
| 3689 | 4067 | } |
| 3690 | 4068 | |
| 3691 | 4069 | .ays-survey-surveys-data .ays-survey-surveys-each-data a{ |
| 3692 | 4070 | display: inline-block; |
| @@ -3696,14 +4074,14 @@ | ||
| 3696 | 4074 | text-decoration: none; |
| 3697 | 4075 | } |
| 3698 | 4076 | |
| 3699 | 4077 | .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{ |
| 3700 | - /* color: #0056b3; */ | |
| 3701 | - background-color: #E8F0FF; | |
| 4078 | + background-color: #f1f5f9; | |
| 4079 | + color: #0f172a; | |
| 3702 | 4080 | } |
| 3703 | 4081 | |
| 3704 | 4082 | .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{ |
| 3705 | - background-color: #f2f5fb; | |
| 4083 | + background-color: #f2f5fb; | |
| 3706 | 4084 | } |
| 3707 | 4085 | |
| 3708 | 4086 | .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{ |
| 3709 | 4087 | background-color: #e1e1e1; |
| @@ -3783,8 +4161,9 @@ | ||
| 3783 | 4161 | padding: 5px 27px; |
| 3784 | 4162 | margin: 0 10px !important; |
| 3785 | 4163 | line-height: 2; |
| 3786 | 4164 | color: #ffffff; |
| 4165 | + font-weight: normal; | |
| 3787 | 4166 | } |
| 3788 | 4167 | |
| 3789 | 4168 | #wpbody .wrap .ays-survey-add-new-button-new-design:hover { |
| 3790 | 4169 | background: #0f34e7; |
| @@ -4458,5 +4837,469 @@ | ||
| 4458 | 4837 | } |
| 4459 | 4838 | |
| 4460 | 4839 | .wp-list-table{ |
| 4461 | 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; | |
| 4462 | 5305 | } |
