← All changes | assets/css/editor.css +62 -16 4.1.3 → 4.2.1 View file →

		@@ -1433,17 +1433,14 @@
1433	1433	inset-block-start: 5px;
1434	1434	inset-inline-end: 5px;
1435	1435	color: var(--e-a-color-txt);
1436	1436	}
1437		-.elementor-panel .elementor-element[data-library-element-type=e-birthday-easter-egg] .icon {
1438		- color: #C00BB9;
1439		-}
1440	1437	.elementor-panel .elementor-element:hover, .elementor-panel .elementor-element:focus {
1441	1438	background-color: var(--e-a-bg-hover);
1442	1439	border-color: var(--e-a-border-color-bold);
1443	1440	}
1444		-.elementor-panel .elementor-element:hover > .eicon-lock, .elementor-panel .elementor-element:focus > .eicon-lock {
1445		- color: var(--e-a-color-accent);
	1441	+.elementor-panel .elementor-element:hover > .eicon-upgrade-crown-full, .elementor-panel .elementor-element:focus > .eicon-upgrade-crown-full {
	1442	+ color: var(--e-a-color-accent-promotion);
1446	1443	}
1447	1444	.elementor-panel .elementor-element:hover > .eicon-plug, .elementor-panel .elementor-element:focus > .eicon-plug {
1448	1445	color: var(--e-a-color-info);
1449	1446	}
		@@ -1459,12 +1456,17 @@
1459	1456	}
1460	1457	.elementor-panel .elementor-element .title {
1461	1458	font-size: 12px;
1462	1459	}
1463		-.elementor-panel .elementor-element > .eicon-lock, .elementor-panel .elementor-element .eicon-plug {
	1460	+.elementor-panel .elementor-element > .eicon-upgrade-crown-full, .elementor-panel .elementor-element .eicon-plug {
1464	1461	position: absolute;
1465	1462	inset-block-start: 5px;
1466	1463	inset-inline-end: 5px;
	1464	+}
	1465	+.elementor-panel .elementor-element > .eicon-upgrade-crown-full {
	1466	+ color: var(--e-a-color-accent-promotion-disabled);
	1467	+}
	1468	+.elementor-panel .elementor-element > .eicon-plug {
1467	1469	color: var(--e-a-color-txt-disabled);
1468	1470	}
1469	1471	.elementor-panel .elementor-element:active {
1470	1472	background-color: var(--e-a-bg-hover);
		@@ -1673,18 +1675,54 @@
1673	1675	#elementor-panel-get-pro-elements .elementor-nerd-box-icon {
1674	1676	margin-block-start: 20px;
1675	1677	}
1676	1678
	1679	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) {
	1680	+ display: flex;
	1681	+ flex-direction: column;
	1682	+}
	1683	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) #elementor-panel-page-editor {
	1684	+ display: flex;
	1685	+ flex-direction: column;
	1686	+ flex: 1;
	1687	+ min-height: 0;
	1688	+}
	1689	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion {
	1690	+ position: sticky;
	1691	+ inset-block-end: 0;
	1692	+ margin-block-start: auto;
	1693	+}
	1694	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
	1695	+ margin-block-start: 0;
	1696	+}
	1697	+
1677	1698	#elementor-panel-get-pro-elements-sticky {
1678	1699	position: sticky;
1679	1700	inset-block-end: 0;
	1701	+ margin-block-end: -10px;
	1702	+}
	1703	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
	1704	+ margin-block-start: -14px;
	1705	+}
	1706	+
	1707	+#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) {
	1708	+ display: flex;
	1709	+ flex-direction: column;
	1710	+ min-height: 100%;
	1711	+}
	1712	+#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) > #elementor-panel-get-pro-elements-sticky {
	1713	+ margin-block-start: auto;
	1714	+}
	1715	+
	1716	+#elementor-panel-get-pro-elements-sticky,
	1717	+.elementor-panel-editor-sticky-promotion {
1680	1718	font-size: 14px;
1681	1719	font-weight: 400;
1682	1720	line-height: 1.6;
1683		- margin-block-end: -10px;
	1721	+ background-color: var(--e-a-color-white);
1684	1722	}
1685		-#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
1686		- margin-block-start: -14px;
	1723	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message,
	1724	+.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1687	1725	min-height: 40px;
1688	1726	display: block;
1689	1727	padding: 9px min(35px, 5%);
1690	1728	gap: 10px;
		@@ -1692,15 +1730,17 @@
1692	1730	color: var(--e-a-color-black);
1693	1731	text-align: center;
1694	1732	box-shadow: 0px -10px 14px -6px rgba(0, 0, 0, 0.05);
1695	1733	}
1696		-#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a {
	1734	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a,
	1735	+.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message a {
1697	1736	display: inline-block;
1698	1737	font-size: 13px;
1699	1738	font-weight: 500;
1700	1739	color: var(--e-a-btn-bg-accent);
1701	1740	}
1702		-#elementor-panel-get-pro-elements-sticky img {
	1741	+#elementor-panel-get-pro-elements-sticky img,
	1742	+.elementor-panel-editor-sticky-promotion img {
1703	1743	margin-inline-start: 17px;
1704	1744	}
1705	1745
1706	1746	#elementor-panel-notice-wrapper .elementor-panel-notice {
		@@ -4526,10 +4566,10 @@
4526	4566	.e-control-display-conditions-promotion__wrapper {
4527	4567	display: flex;
4528	4568	justify-content: space-between;
4529	4569	}
4530		-.e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
4531		- color: var(--e-a-color-accent);
	4570	+.e-control-display-conditions-promotion__wrapper:hover .eicon-upgrade-crown-full.e-control-display-conditions-promotion {
	4571	+ color: var(--e-a-color-accent-promotion);
4532	4572	}
4533	4573	.e-control-display-conditions-promotion__description {
4534	4574	display: flex;
4535	4575	align-self: center;
		@@ -4542,8 +4582,11 @@
4542	4582	display: flex;
4543	4583	justify-content: center;
4544	4584	align-items: center;
4545	4585	}
	4586	+.e-control-display-conditions-promotion__lock-wrapper .eicon-upgrade-crown-full {
	4587	+ color: var(--e-a-color-accent-promotion-disabled);
	4588	+}
4546	4589	.e-control-display-conditions-promotion.eicon-flow {
4547	4590	align-self: flex-end;
4548	4591	cursor: pointer;
4549	4592	border: var(--e-a-border-bold);
		@@ -4554,10 +4597,10 @@
4554	4597	background-color: var(--e-a-bg-active);
4555	4598	color: #E73CF6;
4556	4599	}
4557	4600
4558		-.e-control-motion-effects-promotion__wrapper:hover .eicon-lock, .e-control-promotion__wrapper:hover .eicon-lock {
4559		- color: var(--e-a-color-accent);
	4601	+.e-control-motion-effects-promotion__wrapper:hover .eicon-upgrade-crown-full, .e-control-promotion__wrapper:hover .eicon-upgrade-crown-full {
	4602	+ color: var(--e-a-color-accent-promotion);
4560	4603	}
4561	4604	.e-control-motion-effects-promotion__wrapper .elementor-control-title, .e-control-promotion__wrapper .elementor-control-title {
4562	4605	margin-inline-end: 0;
4563	4606	}
		@@ -4582,8 +4625,11 @@
4582	4625	display: flex;
4583	4626	justify-content: center;
4584	4627	align-items: center;
4585	4628	}
	4629	+.e-control-motion-effects-promotion__lock-wrapper .eicon-upgrade-crown-full, .e-control-promotion__lock-wrapper .eicon-upgrade-crown-full {
	4630	+ color: var(--e-a-color-accent-promotion-disabled);
	4631	+}
4586	4632
4587	4633	.e-link-promotion {
4588	4634	font-family: "Roboto", sans-serif;
4589	4635	font-weight: 500;
		@@ -5123,9 +5169,9 @@
5123	5169	#elementor-template-library-modal .dialog-message {
5124	5170	overflow-y: scroll;
5125	5171	}
5126	5172	#elementor-template-library-modal:has(#elementor-template-library-save-template) .dialog-message, #elementor-template-library-modal:has(#elementor-template-library-save-template-variant-b) .dialog-message {
5127		- overflow-y: hidden;
	5173	+ overflow-y: auto;
5128	5174	}
5129	5175	#elementor-template-library-modal .e-back-to-editor {
5130	5176	color: var(--e-a-color-txt);
5131	5177	text-decoration: underline;