Implement add trigger placeholder & button

[PREMIUM-194] [MAILPOET-4585]
2022-08-25 13:51:08 +02:00
parent 6dfe77001a
commit f2a207942d
5 changed files with 77 additions and 8 deletions
--- a/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss
+++ b/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss
@@ -0,0 +1,19 @@
+.mailpoet-automation-workflow-add-trigger {
+  align-items: center;
+  border: 1px dashed #c3c4c7;
+  border-radius: 4px;
+  color: #757575;
+  cursor: pointer;
+  display: flex;
+  fill: #757575;
+  height: 73px;
+  justify-content: center;
+  margin: 4px auto;
+  padding: 20px 32px;
+
+  &:focus {
+    box-shadow:
+      0 0 0 1px #fbfbfb, // space
+      0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color), // focus ring
+  }
+}