Added class and dark mode style to user name

The class will allow us to select the user name and give it a colour that pass the contrast test.
mysociety · Mar 15, 2022 · 5a63649 · 5a63649
1 parent 80f10be
commit 5a63649
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/templates/email/default/_email_comment_list.html b/templates/email/default/_email_comment_list.html
@@ -6,7 +6,7 @@
       </a>
     [%~ END %]
       [% email_sanitize_html(update) | replace('<p>', '<p style="' _ list_item_p_style _ '">') %]
-      <p style="[% list_item_date_style %]">
+      <p class="user-name" style="[% list_item_date_style %]">
         [%~ IF update.item_anonymous %]
           [%~ loc('Posted anonymously') -%]
         [%~ ELSE %]

diff --git a/templates/email/default/_email_settings.html b/templates/email/default/_email_settings.html
@@ -115,8 +115,9 @@
 list_item_style = "padding-bottom: 20px; margin-bottom: 20px; border-bottom: $list_item_border_bottom;"
 list_item_h2_style = "margin: 0 0 16px 0; font-size: 21px; line-height: 24px;"
 list_item_p_style = "margin: 0 0 16px 0;"
-list_item_p_style_dark_mode = "margin: 0 0 16px 0; color: $color_white !important;"
-list_item_date_style = "font-size: 14px; line-height: 20px; margin: 0; color: $color_gunmetal_light; opacity: 0.7"
+list_item_p_style_dark_mode = "margin: 0 0 16px 0;"
+list_item_date_style = "font-size: 14px; line-height: 20px; margin: 0; color: $color_gunmetal_light;"
+list_item_date_style_dark_mode = "color: $color_blue_pale !important;"
 list_item_photo_style = "float: right; margin: 0 0 1em 1em; border: none;"
 
 contact_meta_style = "padding: 15px ${ column_padding }px; vertical-align: top; background-color: $secondary_column_background_color; border-bottom: 1px solid $column_divider_color;"

diff --git a/templates/email/default/_email_top.html b/templates/email/default/_email_top.html
@@ -53,13 +53,15 @@
     #secondary_column { [% secondary_column_style_dark_mode %] }
     #primary_column { [% primary_column_style_dark_mode %] }
     #primary_column p { [% list_item_p_style_dark_mode %] }
+    #primary_column p.user-name { [% list_item_date_style_dark_mode %] }
   }
 
   [data-ogsc] a { [% link_style_dark_mode %] }
   [data-ogsc] a:hover { [% link_hover_style_dark_mode %] }
   [data-ogsc] #secondary_column { [% secondary_column_style_dark_mode %] }
   [data-ogsc] #primary_column { [% primary_column_style_dark_mode %] }
   [data-ogsc] #primary_column p { [% list_item_p_style_dark_mode %] }
+  [data-ogsc] #primary_column p.user-name { [% list_item_date_style_dark_mode %] }
   </style>
 </head>
 <body style="[% body_style %]">