openproject/app/views/mailer/_notification_mailer_header...

<table <%= placeholder_table_styles(width:'100%',style: "width:100%;min-width:100%") %>>
  <tr>
    <td>
      <table <%= placeholder_table_styles %>>
        <tr>
          <td>
            <table <%= placeholder_table_styles(width:'100%',style: "width:100%") %>>
              <tr>
                <td>
                  <span style="font-size: 24px; color: #333333;">
                    <%= I18n.t(:'mail.salutation', user: user.firstname) %>
                  </span>
                </td>
              </tr>
              <tr>
                <%= placeholder_cell('8px', vertical: false) %>
              </tr>
              <tr>
                <td>
                  <span style="font-size:16px; color: #1A67A3; font-weight: bold;">
                     <%= summary %>
                  </span>
                </td>
              </tr>
              <tr>
                <%= placeholder_cell('24px', vertical: false) %>
              </tr>
              <% if defined?(button_href) && defined?(button_text) %>
                <tr>
                  <td>
                    <table <%= placeholder_table_styles %>>
                      <tr>
                        <td style="background: #D1E5F5; padding: 8px 12px; border: 1px solid #1A67A3; border-radius: 16px; overflow: hidden; text-overflow: ellipsis;">
                          <a href="<%= button_href %>"
                             target="_blank"
                             style="color: #1A67A3; text-decoration: none; font-size: 14px;">
                            <%= button_text %>
                          </a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              <% end %>
              <tr>
                <%= placeholder_cell('40px', vertical: false) %>
              </tr>
            </table>
          </td>
          <%= placeholder_cell('16px', vertical: true) %>
          <td style="vertical-align: top;">
            <table <%= placeholder_table_styles %>>
              <tr>
                <td style="width: 96px; height: 96px; max-width: 96px;">
                  <%= logo_tag(alt: "#{Setting.app_title} #{I18n.t(:'mail.logo_alt_text')}", style: "width: 96px;max-width: 96px;max-height: 96px;") %>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
Attempt to fix the width problem in iOS and outlook by providing inline styles next to direct attributes. Further the content is centred in its own table 3 years ago			`<table <%= placeholder_table_styles(width:'100%',style: "width:100%;min-width:100%") %>>`
Extract shared email parts into partials to make it easier to reuse them later 3 years ago			`<tr>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`<td>`
			`<table <%= placeholder_table_styles %>>`
Extract shared email parts into partials to make it easier to reuse them later 3 years ago			`<tr>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`<td>`
Attempt to fix the width problem in iOS and outlook by providing inline styles next to direct attributes. Further the content is centred in its own table 3 years ago			`<table <%= placeholder_table_styles(width:'100%',style: "width:100%") %>>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`<tr>`
			`<td>`
			`<span style="font-size: 24px; color: #333333;">`
send 12.0 update mail 3 years ago			`<%= I18n.t(:'mail.salutation', user: user.firstname) %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`</span>`
			`</td>`
			`</tr>`
			`<tr>`
Fix rubocop issues 3 years ago			`<%= placeholder_cell('8px', vertical: false) %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`</tr>`
			`<tr>`
			`<td>`
			`<span style="font-size:16px; color: #1A67A3; font-weight: bold;">`
			`<%= summary %>`
			`</span>`
			`</td>`
			`</tr>`
			`<tr>`
Fix rubocop issues 3 years ago			`<%= placeholder_cell('24px', vertical: false) %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`</tr>`
send 12.0 update mail 3 years ago			`<% if defined?(button_href) && defined?(button_text) %>`
			`<tr>`
			`<td>`
Wrap buttons in their own tables so that they can grow in height without any weird overlappings 3 years ago			`<table <%= placeholder_table_styles %>>`
			`<tr>`
			`<td style="background: #D1E5F5; padding: 8px 12px; border: 1px solid #1A67A3; border-radius: 16px; overflow: hidden; text-overflow: ellipsis;">`
			`<a href="<%= button_href %>"`
			`target="_blank"`
			`style="color: #1A67A3; text-decoration: none; font-size: 14px;">`
			`<%= button_text %>`
			`</a>`
			`</td>`
			`</tr>`
			`</table>`
send 12.0 update mail 3 years ago			`</td>`
			`</tr>`
			`<% end %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`<tr>`
Fix rubocop issues 3 years ago			`<%= placeholder_cell('40px', vertical: false) %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`</tr>`
			`</table>`
Extract shared email parts into partials to make it easier to reuse them later 3 years ago			`</td>`
Fix rubocop issues 3 years ago			`<%= placeholder_cell('16px', vertical: true) %>`
* Reduce width of the footer element b letting the text wrap. Thus iOS doesn't zoom out of the content in order to make everything visible at once * Some smaller design changes 3 years ago			`<td style="vertical-align: top;">`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`<table <%= placeholder_table_styles %>>`
			`<tr>`
Attempt to limit the logo with for gmail accounts 3 years ago			`<td style="width: 96px; height: 96px; max-width: 96px;">`
			`<%= logo_tag(alt: "#{Setting.app_title} #{I18n.t(:'mail.logo_alt_text')}", style: "width: 96px;max-width: 96px;max-height: 96px;") %>`
Apply hard table layout for notification mail header to be more stable when it comes to different clients 3 years ago			`</td>`
			`</tr>`
			`</table>`
Extract shared email parts into partials to make it easier to reuse them later 3 years ago			`</td>`
			`</tr>`
			`</table>`
			`</td>`
			`</tr>`
Show correct button with individual link in each email 3 years ago			`</table>`