diff --git a/app/helpers/avatars_helper.rb b/app/helpers/avatars_helper.rb index 3dccac678..f572434ec 100644 --- a/app/helpers/avatars_helper.rb +++ b/app/helpers/avatars_helper.rb @@ -19,6 +19,16 @@ module AvatarsHelper end end + def mail_avatar_tag(user, size: 48, **options) + if user.avatar.attached? + image_tag user_avatar_url(user), alt: user.name, class: "avatar", size: size, **options + else + tag.span class: "avatar", style: "background-color: #{avatar_background_color(user)};" do + user.initials + end + end + end + def avatar_preview_tag(user, hidden_for_screen_reader: false, **options) tag.span class: class_names("avatar", options.delete(:class)), aria: { hidden: hidden_for_screen_reader, label: user.name }, diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb index 564fe55b2..cd7502ec1 100644 --- a/app/views/layouts/mailer.html.erb +++ b/app/views/layouts/mailer.html.erb @@ -43,27 +43,29 @@ width: 100% !important; } - .avatar { - border-radius: 50%; - height: 2.75em; - margin-right: 0.2.75em; - max-height: 2.75em; - min-height: 2.75em; - overflow: hidden; - width: 2.75em; - } - .avatar__container { - padding-top: 1em; vertical-align: top; width: 3.25em; } + .avatar { + border-radius: 50%; + color: white; + display: block; + font-weight: 600; + height: 2.75em; + line-height: 2.75em; + mso-line-height-rule: exactly; + overflow: hidden; + text-align: center; + width: 2.75em; + } + .btn { background: #2d71e5; border-color: #2d71e5; border-radius: 3rem; - color: #ffffff !important; + color: white !important; font-weight: 500; padding: 0.5em 1em; text-decoration: none; diff --git a/app/views/mailers/notification/bundle_mailer/_notification.html.erb b/app/views/mailers/notification/bundle_mailer/_notification.html.erb index 5dfddcf31..543f1515c 100644 --- a/app/views/mailers/notification/bundle_mailer/_notification.html.erb +++ b/app/views/mailers/notification/bundle_mailer/_notification.html.erb @@ -1,8 +1,15 @@
| <%= image_tag user_avatar_url(notification.creator), alt: notification.creator.name, class: "avatar", size: 48 %> | +<%= render "notification/bundle_mailer/header", notification: notification %> + | +|
| + <%= mail_avatar_tag(notification.creator) %> + | +<%= render "notification/bundle_mailer/#{notification.source_type.underscore}/body", notification: notification %> |