diff --git a/assets/css/src/settings.styl b/assets/css/src/settings.styl index b5d0b101ee..de8f889b30 100644 --- a/assets/css/src/settings.styl +++ b/assets/css/src/settings.styl @@ -19,13 +19,15 @@ flex-direction column flex-basis 0 margin 0 25px 25px 0 - border 1px solid #dedede background-color #fff + border 2px solid #dcdcdc max-width 500px .mailpoet_sending_method_description padding: 25px flex-grow 1 flex-shrink 0 + &:hover:not(.mailpoet_active) + border-color #c5c5c5 > li:last-child margin-right 0 h3 @@ -37,22 +39,36 @@ .mailpoet_status display flex flex-direction row - justify-content space-between + justify-content flex-end align-items center - background-color #2f2f2f + background-color #dcdcdc color #fff text-overflow ellipsis - padding 15px + min-height 2em + padding 1em span visibility hidden font-weight bold + div + margin-left 1em .mailpoet_active + border 2px solid #088b00 + &.mailpoet_invalid_key + border 2px solid #dc3232 .mailpoet_status background-color #088b00 + &.mailpoet_invalid_key + background-color #dc3232 + .mailpoet_actions + color white + a:not(.button-primary) + color white span visibility visible #mailpoet_mta_activate visibility hidden + .mailpoet_actions + color initial .tooltip.dashicons.dashicons-editor-help line-height: 1.4 diff --git a/views/settings.html b/views/settings.html index 5bf90ddc4c..be2105f7fa 100644 --- a/views/settings.html +++ b/views/settings.html @@ -15,9 +15,9 @@ >
- <%= __("You're now sending with MailPoet!") %>
-
- <%= __("Great, you're all set up. Your emails will now be sent quickly and reliably!") %>
-
+ <% set badgeClassName = (is_new_user == true) ? 'mailpoet_badge mailpoet_badge_video' : 'mailpoet_badge mailpoet_badge_video mailpoet_badge_video_grey' %> + <%= __('[link]%s See video guide[/link]') + |format('') + |replaceLinkTags('https://beta.docs.mailpoet.com/article/235-video-guide-sending-options', {'class' : badgeClassName, 'target' : '_blank'}, 'link') + |raw + %> +
- <% set badgeClassName = (is_new_user == true) ? 'mailpoet_badge mailpoet_badge_video' : 'mailpoet_badge mailpoet_badge_video mailpoet_badge_video_grey' %> - <%= __('Need help to pick? [link1]%s See video guide[/link1] [link2]or check out the comparison table of sending methods[/link2].') - |format('') - |replaceLinkTags('https://beta.docs.mailpoet.com/article/235-video-guide-sending-options', {'class' : badgeClassName, 'target' : '_blank'}, 'link1') - |replaceLinkTags('http://beta.docs.mailpoet.com/article/181-comparison-table-of-sending-methods', {'target' : '_blank'}, 'link2') - |raw - %> -
-
+
+ + <%= __("This improves your delivery rate by verifying that you're allowed to send emails from your domain.") %> + + |
+
+ + <%= __("SPF is set up in your DNS. Read your host's support documentation for more information.") %> + + |
+
---|---|
+ + | +
+ + + <%= __('Send a test email') %> + + + + |
+
+ + | ++ |
-
- - <%= __("This improves your delivery rate by verifying that you're allowed to send emails from your domain.") %> - - |
-
- - <%= __("SPF is set up in your DNS. Read your host's support documentation for more information.") %> - - |
-
---|---|
- - | -
- - - <%= __('Send a test email') %> - - - - |
-
- - | -- |