← All changes | assets/css/editor.css +61 -12 4.1.2 → 4.1.4 View file →

		@@ -1440,10 +1440,10 @@
1440	1440	.elementor-panel .elementor-element:hover, .elementor-panel .elementor-element:focus {
1441	1441	background-color: var(--e-a-bg-hover);
1442	1442	border-color: var(--e-a-border-color-bold);
1443	1443	}
1444		-.elementor-panel .elementor-element:hover > .eicon-lock, .elementor-panel .elementor-element:focus > .eicon-lock {
1445		- color: var(--e-a-color-accent);
	1444	+.elementor-panel .elementor-element:hover > .eicon-upgrade-crown-full, .elementor-panel .elementor-element:focus > .eicon-upgrade-crown-full {
	1445	+ color: var(--e-a-color-accent-promotion);
1446	1446	}
1447	1447	.elementor-panel .elementor-element:hover > .eicon-plug, .elementor-panel .elementor-element:focus > .eicon-plug {
1448	1448	color: var(--e-a-color-info);
1449	1449	}
		@@ -1459,12 +1459,17 @@
1459	1459	}
1460	1460	.elementor-panel .elementor-element .title {
1461	1461	font-size: 12px;
1462	1462	}
1463		-.elementor-panel .elementor-element > .eicon-lock, .elementor-panel .elementor-element .eicon-plug {
	1463	+.elementor-panel .elementor-element > .eicon-upgrade-crown-full, .elementor-panel .elementor-element .eicon-plug {
1464	1464	position: absolute;
1465	1465	inset-block-start: 5px;
1466	1466	inset-inline-end: 5px;
	1467	+}
	1468	+.elementor-panel .elementor-element > .eicon-upgrade-crown-full {
	1469	+ color: var(--e-a-color-accent-promotion-disabled);
	1470	+}
	1471	+.elementor-panel .elementor-element > .eicon-plug {
1467	1472	color: var(--e-a-color-txt-disabled);
1468	1473	}
1469	1474	.elementor-panel .elementor-element:active {
1470	1475	background-color: var(--e-a-bg-hover);
		@@ -1673,18 +1678,54 @@
1673	1678	#elementor-panel-get-pro-elements .elementor-nerd-box-icon {
1674	1679	margin-block-start: 20px;
1675	1680	}
1676	1681
	1682	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) {
	1683	+ display: flex;
	1684	+ flex-direction: column;
	1685	+}
	1686	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) #elementor-panel-page-editor {
	1687	+ display: flex;
	1688	+ flex-direction: column;
	1689	+ flex: 1;
	1690	+ min-height: 0;
	1691	+}
	1692	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion {
	1693	+ position: sticky;
	1694	+ inset-block-end: 0;
	1695	+ margin-block-start: auto;
	1696	+}
	1697	+#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
	1698	+ margin-block-start: 0;
	1699	+}
	1700	+
1677	1701	#elementor-panel-get-pro-elements-sticky {
1678	1702	position: sticky;
1679	1703	inset-block-end: 0;
	1704	+ margin-block-end: -10px;
	1705	+}
	1706	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
	1707	+ margin-block-start: -14px;
	1708	+}
	1709	+
	1710	+#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) {
	1711	+ display: flex;
	1712	+ flex-direction: column;
	1713	+ min-height: 100%;
	1714	+}
	1715	+#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) > #elementor-panel-get-pro-elements-sticky {
	1716	+ margin-block-start: auto;
	1717	+}
	1718	+
	1719	+#elementor-panel-get-pro-elements-sticky,
	1720	+.elementor-panel-editor-sticky-promotion {
1680	1721	font-size: 14px;
1681	1722	font-weight: 400;
1682	1723	line-height: 1.6;
1683		- margin-block-end: -10px;
	1724	+ background-color: var(--e-a-color-white);
1684	1725	}
1685		-#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
1686		- margin-block-start: -14px;
	1726	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message,
	1727	+.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1687	1728	min-height: 40px;
1688	1729	display: block;
1689	1730	padding: 9px min(35px, 5%);
1690	1731	gap: 10px;
		@@ -1692,15 +1733,17 @@
1692	1733	color: var(--e-a-color-black);
1693	1734	text-align: center;
1694	1735	box-shadow: 0px -10px 14px -6px rgba(0, 0, 0, 0.05);
1695	1736	}
1696		-#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a {
	1737	+#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a,
	1738	+.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message a {
1697	1739	display: inline-block;
1698	1740	font-size: 13px;
1699	1741	font-weight: 500;
1700	1742	color: var(--e-a-btn-bg-accent);
1701	1743	}
1702		-#elementor-panel-get-pro-elements-sticky img {
	1744	+#elementor-panel-get-pro-elements-sticky img,
	1745	+.elementor-panel-editor-sticky-promotion img {
1703	1746	margin-inline-start: 17px;
1704	1747	}
1705	1748
1706	1749	#elementor-panel-notice-wrapper .elementor-panel-notice {
		@@ -4526,10 +4569,10 @@
4526	4569	.e-control-display-conditions-promotion__wrapper {
4527	4570	display: flex;
4528	4571	justify-content: space-between;
4529	4572	}
4530		-.e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
4531		- color: var(--e-a-color-accent);
	4573	+.e-control-display-conditions-promotion__wrapper:hover .eicon-upgrade-crown-full.e-control-display-conditions-promotion {
	4574	+ color: var(--e-a-color-accent-promotion);
4532	4575	}
4533	4576	.e-control-display-conditions-promotion__description {
4534	4577	display: flex;
4535	4578	align-self: center;
		@@ -4542,8 +4585,11 @@
4542	4585	display: flex;
4543	4586	justify-content: center;
4544	4587	align-items: center;
4545	4588	}
	4589	+.e-control-display-conditions-promotion__lock-wrapper .eicon-upgrade-crown-full {
	4590	+ color: var(--e-a-color-accent-promotion-disabled);
	4591	+}
4546	4592	.e-control-display-conditions-promotion.eicon-flow {
4547	4593	align-self: flex-end;
4548	4594	cursor: pointer;
4549	4595	border: var(--e-a-border-bold);
		@@ -4554,10 +4600,10 @@
4554	4600	background-color: var(--e-a-bg-active);
4555	4601	color: #E73CF6;
4556	4602	}
4557	4603
4558		-.e-control-motion-effects-promotion__wrapper:hover .eicon-lock, .e-control-promotion__wrapper:hover .eicon-lock {
4559		- color: var(--e-a-color-accent);
	4604	+.e-control-motion-effects-promotion__wrapper:hover .eicon-upgrade-crown-full, .e-control-promotion__wrapper:hover .eicon-upgrade-crown-full {
	4605	+ color: var(--e-a-color-accent-promotion);
4560	4606	}
4561	4607	.e-control-motion-effects-promotion__wrapper .elementor-control-title, .e-control-promotion__wrapper .elementor-control-title {
4562	4608	margin-inline-end: 0;
4563	4609	}
		@@ -4581,8 +4627,11 @@
4581	4627	width: 2.5rem;
4582	4628	display: flex;
4583	4629	justify-content: center;
4584	4630	align-items: center;
	4631	+}
	4632	+.e-control-motion-effects-promotion__lock-wrapper .eicon-upgrade-crown-full, .e-control-promotion__lock-wrapper .eicon-upgrade-crown-full {
	4633	+ color: var(--e-a-color-accent-promotion-disabled);
4585	4634	}
4586	4635
4587	4636	.e-link-promotion {
4588	4637	font-family: "Roboto", sans-serif;