← All changes | assets/css/automatorwp-admin.css +132 -33 5.8.6 → 6.0.4 View file →

		@@ -37,8 +37,41 @@
37	37	border-top: 1px solid #666;
38	38	}
39	39
40	40	/* -------------------------------------------
	41	+ AutomatorWP boxes style
	42	+ ------------------------------------------- */
	43	+
	44	+.admin_page_edit_automatorwp_automations .postbox,
	45	+.admin_page_edit_automatorwp_logs .postbox,
	46	+.automatorwp_settings .postbox,
	47	+.automatorwp-automation-item,
	48	+.automatorwp-option-form-container {
	49	+ border: 1px solid #ddd;
	50	+ border-radius: 8px;
	51	+ box-shadow: 0px 0px 16px rgba(0, 0, 100, 0.1);
	52	+}
	53	+
	54	+.admin_page_edit_automatorwp_automations #major-publishing-actions,
	55	+.admin_page_edit_automatorwp_logs #major-publishing-actions {
	56	+ border-radius: 0 0 8px 8px;
	57	+}
	58	+
	59	+.admin_page_edit_automatorwp_automations .postbox-header,
	60	+.admin_page_edit_automatorwp_logs .postbox-header,
	61	+.automatorwp_settings .postbox-header {
	62	+ border: none;
	63	+}
	64	+
	65	+#automatorwp-automations-execution-options .handle-actions,
	66	+#automatorwp-automations-save-changes .handle-actions,
	67	+#automatorwp-automations-notes .handle-actions,
	68	+#automatorwp_log_data .handle-actions,
	69	+#automatorwp_log_details .handle-actions {
	70	+ display: none !important;
	71	+}
	72	+
	73	+/* -------------------------------------------
41	74	Automations Edit Screen
42	75	------------------------------------------- */
43	76
44	77	.admin_page_edit_automatorwp_automations .postbox .inside {
		@@ -123,12 +156,38 @@
123	156	padding-bottom: 0;
124	157	}
125	158
126	159	/* Automation actions */
	160	+#automatorwp-automations-save-changes .cmb-field-js-controls-before .cmb-field-js-controls-icon {
	161	+ opacity: 0.6;
	162	+}
	163	+
	164	+#automatorwp-automations-save-changes .cmb-field-js-controls-edit {
	165	+ text-decoration: none;
	166	+}
	167	+
	168	+#automatorwp-automations-save-changes #automatorwp-automation-actions,
	169	+#automatorwp-automations-save-changes #delete-action {
	170	+ display: inline-block;
	171	+ margin-top: 6px;
	172	+}
	173	+
127	174	#automatorwp-automations-save-changes #automatorwp-automation-actions .automatorwp-automation-action {
128	175	margin-bottom: 6px;
	176	+ margin-right: 6px;
	177	+ display: inline-block;
129	178	}
130	179
	180	+#automatorwp-automations-save-changes #automatorwp-automation-actions .automatorwp-automation-action a,
	181	+#automatorwp-automations-save-changes #delete-action a {
	182	+ text-decoration: none;
	183	+}
	184	+
	185	+#automatorwp-automations-save-changes #delete-action a .dashicons {
	186	+ vertical-align: sub;
	187	+ font-size: 18px;
	188	+}
	189	+
131	190	/* Publishing actions */
132	191	#automatorwp-automations-save-changes #major-publishing-actions,
133	192	#automatorwp-automations-execution-options #major-publishing-actions {
134	193	margin: 20px -12px -12px -12px;
		@@ -149,8 +208,33 @@
149	208	#automatorwp-automations-save-changes .submitdelete {
150	209	color: #a00;
151	210	}
152	211
	212	+/* Automation Notes */
	213	+#automatorwp-automations-notes .cmb-th {
	214	+ display: none !important;
	215	+}
	216	+
	217	+#automatorwp-automations-notes .inside,
	218	+#automatorwp-automations-notes .inside .cmb2-metabox .cmb-row {
	219	+ padding: 0 !important;
	220	+ margin: 0 !important;
	221	+}
	222	+
	223	+#automatorwp-automations-notes textarea {
	224	+ border: 0;
	225	+ box-shadow: none;
	226	+ margin-bottom: -2px;
	227	+ border-radius: 8px;
	228	+}
	229	+
	230	+#automatorwp-automations-notes .cmb-tooltip {
	231	+ margin-left: 8px;
	232	+}
	233	+#automatorwp-automations-notes .cmb-tooltip .dashicons {
	234	+ opacity: 0.3;
	235	+}
	236	+
153	237	/* Triggers and actions box */
154	238	#automatorwp_triggers.postbox,
155	239	#automatorwp_actions.postbox {
156	240	border: none;
		@@ -201,8 +285,12 @@
201	285	float: left;
202	286	padding: 0;
203	287	}
204	288
	289	+.automatorwp-sequential-field .dashicons-cmb-tooltip {
	290	+ opacity: 0.3;
	291	+}
	292	+
205	293	/* Integration icon */
206	294	.automatorwp-integration-icon {
207	295	background-image: url('../img/integration-default.svg');
208	296	background-repeat: no-repeat;
		@@ -341,10 +429,8 @@
341	429
342	430	/* Automation items */
343	431	.automatorwp-automation-item {
344	432	display: flex;
345		- border: 1px solid #ccd0d4;
346		- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
347	433	background: #fff;
348	434	padding: 1em 1em 1em 0;
349	435	margin-bottom: 1em;
350	436
		@@ -367,9 +453,9 @@
367	453	.automatorwp-automation-item-content > .automatorwp-integration-label {
368	454	font-weight: 500;
369	455	color: #72777c;
370	456	border: 1px solid #ccd0d4;
371		- border-radius: 50px;
	457	+ border-radius: 4px;
372	458	display: inline-block;
373	459	padding: 0 0.6em;
374	460	margin-bottom: 0.5em;
375	461	}
		@@ -392,13 +478,10 @@
392	478	line-height: 32px;
393	479	}
394	480
395	481	.automatorwp-automation-item-label > .button {
396		- min-height: 32px;
397		- line-height: 2;
398		- padding: 0 12px;
	482	+ padding: 0 8px !important;
399	483	margin: 0 !important;
400		- font-size: 14px;
401	484	}
402	485
403	486	.automatorwp-no-grab {
404	487	cursor: auto; /* Disable cursor grab */
		@@ -432,15 +515,19 @@
432	515	.automatorwp-automation-item-actions .automatorwp-automation-item-action-delete {
433	516	color: #e15151;
434	517	}
435	518
	519	+.automatorwp-automation-item-actions .automatorwp-automation-item-action .cmb-tooltip-desc {
	520	+ width: max-content;
	521	+}
	522	+
436	523	/* Automation item options */
437	524
438	525	.button.automatorwp-button,
439	526	.automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark) {
440		- border: none;
441		- color: #444;
442		- background: #e5e5e5;
	527	+ border-color: #555;
	528	+ color: #555;
	529	+ background: transparent;
443	530	}
444	531
445	532	.button.automatorwp-button:hover,
446	533	.automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):hover {
		@@ -445,8 +532,9 @@
445	532	.button.automatorwp-button:hover,
446	533	.automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):hover {
447	534	background: #ddd;
448	535	color: #444;
	536	+ border-color: #444;
449	537	}
450	538
451	539	.button.automatorwp-button:focus,
452	540	.button.automatorwp-button:active,
		@@ -453,15 +541,14 @@
453	541	.automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):focus,
454	542	.automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):active {
455	543	background: #cfcfcf;
456	544	color: #444;
	545	+ border-color: #444;
457	546	}
458	547
459	548	/* Option form */
460	549	.automatorwp-option-form-container {
461		- background: #f5f5f5;
462		- border: 1px solid #ccd0d4;
463		- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	550	+ background: #f6f7f7;
464	551	padding: 1em 1.5em 1.5em;
465	552	margin-top: 1em;
466	553	cursor: auto; /* Disable cursor grab */
467	554	}
		@@ -866,12 +953,12 @@
866	953	.automatorwp-automation-item-filter + .automatorwp-automation-item-filter:after {
867	954	content: "";
868	955	display: block;
869	956	border-left: 2px dashed #ccd0d4;
870		- height: 29px;
	957	+ height: 28px;
871	958	position: absolute;
872	959	left: -14px;
873		- top: -45px;
	960	+ top: -41px;
874	961	}
875	962
876	963	.automatorwp-automation-item-filter .automatorwp-automation-item-details {
877	964	width: 60px;
		@@ -972,8 +1059,9 @@
972	1059	}
973	1060
974	1061	.automatorwp-form select {
975	1062	margin-top: 0 !important;
	1063	+ line-height: 1;
976	1064	}
977	1065
978	1066	.automatorwp-form input::placeholder,
979	1067	.automatorwp-form textarea::placeholder,
		@@ -1498,22 +1586,22 @@
1498	1586	JS Controls
1499	1587	------------------------------------------- */
1500	1588
1501	1589	.automatorwp-form .cmb-field-js-controls-before + .cmb-row {
1502		- background: #f5f5f5;
1503		- border: 1px solid #ccd0d4 !important;
1504		- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	1590	+ background: #f6f7f7;
	1591	+ border: 1px solid #ddd !important;
1505	1592	border-bottom: 0 !important;
1506	1593	padding: 8px 6px !important;
	1594	+ border-radius: 8px 8px 0 0;
1507	1595	}
1508	1596
1509	1597	.automatorwp-form .cmb-field-js-controls-after {
1510		- background: #f5f5f5;
1511		- border: 1px solid #ccd0d4;
1512		- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	1598	+ background: #f6f7f7;
	1599	+ border: 1px solid #ddd;
1513	1600	margin-top: 0;
1514	1601	border-top: 0;
1515	1602	padding: 4px 6px 8px;
	1603	+ border-radius: 0 0 8px 8px;
1516	1604	}
1517	1605
1518	1606	/* -------------------------------------------
1519	1607	Colorpicker
		@@ -1618,12 +1706,12 @@
1618	1706	padding-top: 0px;
1619	1707	}
1620	1708
1621	1709	#automatorwp_log_data .cmb-type-title {
1622		- border: 1px solid #ddd;
	1710	+ border: 1px solid #dcdcde;
1623	1711	border-left: 0;
1624	1712	border-right: 0;
1625		- background: #f5f5f5;
	1713	+ background: #f6f7f7;
1626	1714	margin: 5px -12px;
1627	1715	}
1628	1716
1629	1717	#automatorwp_log_data .cmb-type-title .cmb-td {
		@@ -1754,24 +1842,24 @@
1754	1842	color: #fff;
1755	1843	}
1756	1844
1757	1845	.button.automatorwp-button-danger {
1758		- background: #e15151;
1759		- border: #e15151;
1760		- color: #fff;
	1846	+ background: transparent;
	1847	+ border-color: #e15151;
	1848	+ color: #e15151;
1761	1849	}
1762	1850
1763	1851	.button.automatorwp-button-danger:hover {
1764		- background: #de3b3b;
1765		- border: #de3b3b;
1766		- color: #fff;
	1852	+ background: transparent;
	1853	+ border-color: #de3b3b;
	1854	+ color: #de3b3b;
1767	1855	}
1768	1856
1769	1857	.button.automatorwp-button-danger:focus,
1770	1858	.button.automatorwp-button-danger:active {
1771		- background: #da2525;
1772		- border: #da2525;
1773		- color: #fff;
	1859	+ background: transparent;
	1860	+ border-color: #da2525;
	1861	+ color: #da2525;
1774	1862	}
1775	1863
1776	1864	.button.automatorwp-button-dark {
1777	1865	background: #404459;
		@@ -2361,8 +2449,9 @@
2361	2449	display: block;
2362	2450	cursor: auto;
2363	2451	user-select: auto;
2364	2452	font-size: 16px;
	2453	+ padding: 8px 10px !important;
2365	2454	}
2366	2455
2367	2456	.automatorwp-dashboard .postbox .hndle .button {
2368	2457	text-decoration: none !important;
		@@ -2584,14 +2673,16 @@
2584	2673	opacity: 1;
2585	2674	}
2586	2675
2587	2676	.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image {
2588		- height: 58px;
	2677	+ height: 60px;
2589	2678	overflow: hidden;
	2679	+ margin-right: 6px;
2590	2680	}
2591	2681
2592	2682	.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image img {
2593	2683	margin-top: -13px;
	2684	+ margin-left: -10px;
2594	2685	}
2595	2686
2596	2687	.automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-title {
2597	2688	font-size: 15px;
		@@ -2626,8 +2717,9 @@
2626	2717	.automatorwp-dashboard-more-add-ons {
2627	2718	clear: both;
2628	2719	text-align: center;
2629	2720	font-size: 16px;
	2721	+ margin: 0 auto;
2630	2722	padding-top: 20px;
2631	2723	}
2632	2724
2633	2725	/* Dashboard: Add-ons */
		@@ -2636,8 +2728,10 @@
2636	2728	margin-left: 7px;
2637	2729	}
2638	2730
2639	2731	.automatorwp-dashboard .automatorwp-dashboard-add-ons-section {
	2732	+ display: flex !important;
	2733	+ flex-wrap: wrap;
2640	2734	margin: 0 !important;
2641	2735	}
2642	2736
2643	2737	.automatorwp-dashboard .automatorwp-plugin-card {
		@@ -2783,8 +2877,13 @@
2783	2877	content: "";
2784	2878	display: block;
2785	2879	clear: both;
2786	2880	}
	2881	+}
	2882	+
	2883	+/* Docs */
	2884	+.automatorwp-dashboard .automatorwp-dashboard-docs-section .postbox-header .hndle {
	2885	+ padding-bottom: 0 !important;
2787	2886	}
2788	2887
2789	2888	/* Plugins */
2790	2889	.automatorwp-dashboard .our-plugins-list li {