← All changes | admin/css/survey-maker-admin.css +184 -23 5.2.2.6 → 5.2.4.1 View file →

		@@ -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;
		@@ -4775,8 +4839,12 @@
4775	4839	.wp-list-table{
4776	4840	margin-top: 20px !important;
4777	4841	}
4778	4842
	4843	+.wp-list-table th{
	4844	+ font-size: 14px;
	4845	+}
	4846	+
4779	4847	/* Publish Tab design | Start */
4780	4848
4781	4849	.ays-survey-publish-container {
4782	4850	padding: 0;
		@@ -5140,5 +5208,98 @@
5140	5208	margin-bottom: 8px;
5141	5209	}
5142	5210	}
5143	5211
5144		-/* 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	+}