Merge pull request #204 from jwade1327/mobile-fontSize

Ensure correct 'view online' font-size on mobile
parameter1 · Nov 13, 2024 · fa0b8b4 · fa0b8b4
2 parents 5712d85 + 92cc964
commit fa0b8b4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/common/components/blocks/2024-head.marko b/packages/common/components/blocks/2024-head.marko
@@ -77,6 +77,12 @@ $ const title = get(newsletterConfig, "title");
     .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a {
       font-size:18px!important
     }
+    .view-online { 
+      padding-right:0!important
+    }
+    .view-online a {
+      font-size:14px!important;
+    }
     *[class="gmail-fix"] { display:none!important }
     .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align:center!important }
     .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align:right!important }

diff --git a/packages/common/components/blocks/2024/date-banner.marko b/packages/common/components/blocks/2024/date-banner.marko
@@ -88,7 +88,7 @@ $ const displayDate = (lang) ? moment(date).locale(lang).format("D, YYYY") : mom
                       </td>
                     </tr>
                     <tr>
-                      <td align="right" class="es-m-p0r" style="padding:0;Margin:0;padding-right:20px">
+                      <td align="right" class="view-online" style="Margin:0;padding-right:20px">
                         <h4 style="Margin:0;line-height:21px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:12px;color:#333333">
                           <strong><a target="_blank" href="https://placeholder.com" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;text-decoration:underline;color:#333333;font-size:14px">View Digital Edition</a></strong>
                         </h4>