| @@ -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, |
| @@ -1065,9 +1153,10 @@ | ||
| 1065 | 1153 | line-height: 44px; |
| 1066 | 1154 | } |
| 1067 | 1155 | |
| 1068 | 1156 | /* Compatibility fix between CMB2 & WP 7.0 */ |
| 1069 | -.cmb2-wrap input[type=radio]:checked:focus { | |
| 1157 | +.cmb2-wrap input[type=radio]:checked:focus, | |
| 1158 | +.cmb2-wrap input[type="checkbox"]:checked:focus { | |
| 1070 | 1159 | background: var(--wp-admin-theme-color); |
| 1071 | 1160 | } |
| 1072 | 1161 | |
| 1073 | 1162 | /* Groups */ |
| @@ -1497,22 +1586,22 @@ | ||
| 1497 | 1586 | JS Controls |
| 1498 | 1587 | ------------------------------------------- */ |
| 1499 | 1588 | |
| 1500 | 1589 | .automatorwp-form .cmb-field-js-controls-before + .cmb-row { |
| 1501 | - background: #f5f5f5; | |
| 1502 | - border: 1px solid #ccd0d4 !important; | |
| 1503 | - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); | |
| 1590 | + background: #f6f7f7; | |
| 1591 | + border: 1px solid #ddd !important; | |
| 1504 | 1592 | border-bottom: 0 !important; |
| 1505 | 1593 | padding: 8px 6px !important; |
| 1594 | + border-radius: 8px 8px 0 0; | |
| 1506 | 1595 | } |
| 1507 | 1596 | |
| 1508 | 1597 | .automatorwp-form .cmb-field-js-controls-after { |
| 1509 | - background: #f5f5f5; | |
| 1510 | - border: 1px solid #ccd0d4; | |
| 1511 | - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); | |
| 1598 | + background: #f6f7f7; | |
| 1599 | + border: 1px solid #ddd; | |
| 1512 | 1600 | margin-top: 0; |
| 1513 | 1601 | border-top: 0; |
| 1514 | 1602 | padding: 4px 6px 8px; |
| 1603 | + border-radius: 0 0 8px 8px; | |
| 1515 | 1604 | } |
| 1516 | 1605 | |
| 1517 | 1606 | /* ------------------------------------------- |
| 1518 | 1607 | Colorpicker |
| @@ -1617,12 +1706,12 @@ | ||
| 1617 | 1706 | padding-top: 0px; |
| 1618 | 1707 | } |
| 1619 | 1708 | |
| 1620 | 1709 | #automatorwp_log_data .cmb-type-title { |
| 1621 | - border: 1px solid #ddd; | |
| 1710 | + border: 1px solid #dcdcde; | |
| 1622 | 1711 | border-left: 0; |
| 1623 | 1712 | border-right: 0; |
| 1624 | - background: #f5f5f5; | |
| 1713 | + background: #f6f7f7; | |
| 1625 | 1714 | margin: 5px -12px; |
| 1626 | 1715 | } |
| 1627 | 1716 | |
| 1628 | 1717 | #automatorwp_log_data .cmb-type-title .cmb-td { |
| @@ -1753,24 +1842,24 @@ | ||
| 1753 | 1842 | color: #fff; |
| 1754 | 1843 | } |
| 1755 | 1844 | |
| 1756 | 1845 | .button.automatorwp-button-danger { |
| 1757 | - background: #e15151; | |
| 1758 | - border: #e15151; | |
| 1759 | - color: #fff; | |
| 1846 | + background: transparent; | |
| 1847 | + border-color: #e15151; | |
| 1848 | + color: #e15151; | |
| 1760 | 1849 | } |
| 1761 | 1850 | |
| 1762 | 1851 | .button.automatorwp-button-danger:hover { |
| 1763 | - background: #de3b3b; | |
| 1764 | - border: #de3b3b; | |
| 1765 | - color: #fff; | |
| 1852 | + background: transparent; | |
| 1853 | + border-color: #de3b3b; | |
| 1854 | + color: #de3b3b; | |
| 1766 | 1855 | } |
| 1767 | 1856 | |
| 1768 | 1857 | .button.automatorwp-button-danger:focus, |
| 1769 | 1858 | .button.automatorwp-button-danger:active { |
| 1770 | - background: #da2525; | |
| 1771 | - border: #da2525; | |
| 1772 | - color: #fff; | |
| 1859 | + background: transparent; | |
| 1860 | + border-color: #da2525; | |
| 1861 | + color: #da2525; | |
| 1773 | 1862 | } |
| 1774 | 1863 | |
| 1775 | 1864 | .button.automatorwp-button-dark { |
| 1776 | 1865 | background: #404459; |
| @@ -2360,8 +2449,9 @@ | ||
| 2360 | 2449 | display: block; |
| 2361 | 2450 | cursor: auto; |
| 2362 | 2451 | user-select: auto; |
| 2363 | 2452 | font-size: 16px; |
| 2453 | + padding: 8px 10px !important; | |
| 2364 | 2454 | } |
| 2365 | 2455 | |
| 2366 | 2456 | .automatorwp-dashboard .postbox .hndle .button { |
| 2367 | 2457 | text-decoration: none !important; |
| @@ -2583,14 +2673,16 @@ | ||
| 2583 | 2673 | opacity: 1; |
| 2584 | 2674 | } |
| 2585 | 2675 | |
| 2586 | 2676 | .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image { |
| 2587 | - height: 58px; | |
| 2677 | + height: 60px; | |
| 2588 | 2678 | overflow: hidden; |
| 2679 | + margin-right: 6px; | |
| 2589 | 2680 | } |
| 2590 | 2681 | |
| 2591 | 2682 | .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image img { |
| 2592 | 2683 | margin-top: -13px; |
| 2684 | + margin-left: -10px; | |
| 2593 | 2685 | } |
| 2594 | 2686 | |
| 2595 | 2687 | .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-title { |
| 2596 | 2688 | font-size: 15px; |
| @@ -2625,8 +2717,9 @@ | ||
| 2625 | 2717 | .automatorwp-dashboard-more-add-ons { |
| 2626 | 2718 | clear: both; |
| 2627 | 2719 | text-align: center; |
| 2628 | 2720 | font-size: 16px; |
| 2721 | + margin: 0 auto; | |
| 2629 | 2722 | padding-top: 20px; |
| 2630 | 2723 | } |
| 2631 | 2724 | |
| 2632 | 2725 | /* Dashboard: Add-ons */ |
| @@ -2635,8 +2728,10 @@ | ||
| 2635 | 2728 | margin-left: 7px; |
| 2636 | 2729 | } |
| 2637 | 2730 | |
| 2638 | 2731 | .automatorwp-dashboard .automatorwp-dashboard-add-ons-section { |
| 2732 | + display: flex !important; | |
| 2733 | + flex-wrap: wrap; | |
| 2639 | 2734 | margin: 0 !important; |
| 2640 | 2735 | } |
| 2641 | 2736 | |
| 2642 | 2737 | .automatorwp-dashboard .automatorwp-plugin-card { |
| @@ -2782,8 +2877,13 @@ | ||
| 2782 | 2877 | content: ""; |
| 2783 | 2878 | display: block; |
| 2784 | 2879 | clear: both; |
| 2785 | 2880 | } |
| 2881 | +} | |
| 2882 | + | |
| 2883 | +/* Docs */ | |
| 2884 | +.automatorwp-dashboard .automatorwp-dashboard-docs-section .postbox-header .hndle { | |
| 2885 | + padding-bottom: 0 !important; | |
| 2786 | 2886 | } |
| 2787 | 2887 | |
| 2788 | 2888 | /* Plugins */ |
| 2789 | 2889 | .automatorwp-dashboard .our-plugins-list li { |
