зеркало из https://github.com/mozilla/fxa.git
fix(auth-server): subplat email images are at 100% width using the Mail app (#11840)
This commit is contained in:
Lisa Chan
GitHub
Родитель
cb47d5bdfc
Коммит
03e921450d
|
|
@ -17,37 +17,35 @@
|
|||
<mj-include path="./css/fxa/index.css" type="css" css-inline="inline" />
|
||||
<mj-include path="./css/locale-dir.css" type="css" />
|
||||
|
||||
<mj-raw>
|
||||
<% if (locals.preHeader) { %>
|
||||
<div class="hidden">
|
||||
<%- preHeader %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<% } %>
|
||||
<% if (!locals.sync) { %>
|
||||
<div data-l10n-id="fxa-header-firefox-logo">
|
||||
<img
|
||||
data-l10n-name="fxa-logo"
|
||||
<mj-section>
|
||||
<mj-column>
|
||||
<% if (locals.preHeader) { %>
|
||||
<mj-text css-class="hidden">
|
||||
<%- preHeader %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</mj-text>
|
||||
<% } %>
|
||||
<% if (!locals.sync) { %>
|
||||
<mj-image css-class="fxa-logo"
|
||||
width="60px"
|
||||
src="https://accounts-static.cdn.mozilla.net/product-icons/firefox-logo.png"
|
||||
class="fxa-logo"
|
||||
alt="Firefox logo"
|
||||
/>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div data-l10n-id="fxa-header-sync-devices-image" data-l10n-attrs="alt">
|
||||
<img
|
||||
data-l10n-name="sync-devices-image"
|
||||
title="Firefox logo">
|
||||
</mj-image>
|
||||
<% } else { %>
|
||||
<mj-image css-class="sync-img"
|
||||
width="300px"
|
||||
src="https://accounts-static.cdn.mozilla.net/other/sync-devices.png"
|
||||
class="sync-img"
|
||||
alt="Sync devices"
|
||||
/>
|
||||
</div>
|
||||
<% } %>
|
||||
</mj-raw>
|
||||
title="Sync devices">
|
||||
</mj-image>
|
||||
<% } %>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
<%- body %>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
.fxa-logo {
|
||||
padding: global.$s-5 global.$s-0 !important;
|
||||
height: 60px !important;
|
||||
width: 60px !important;
|
||||
margin: 0 auto !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -20,7 +19,6 @@
|
|||
.sync-img {
|
||||
padding: global.$s-5 global.$s-0 !important;
|
||||
height: 137px;
|
||||
width: 300px;
|
||||
margin: 0 auto !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -70,14 +68,12 @@
|
|||
}
|
||||
|
||||
.sync-logo img {
|
||||
width: 240px !important;
|
||||
margin: 0 auto;
|
||||
@extend .mb-5;
|
||||
@extend .mt-2;
|
||||
}
|
||||
|
||||
.graphic-devices img {
|
||||
width: 240px !important;
|
||||
margin: 0 auto;
|
||||
@extend .mb-5;
|
||||
@extend .mt-2;
|
||||
|
|
|
|||
|
|
@ -19,22 +19,26 @@
|
|||
<mj-include path="./css/subscription/index.css" type="css" css-inline="inline" />
|
||||
<mj-include path="./css/locale-dir.css" type="css" />
|
||||
|
||||
<mj-raw>
|
||||
<% if (locals.preHeader) { %>
|
||||
<div class="hidden">
|
||||
<%- preHeader %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<% } %>
|
||||
</mj-raw>
|
||||
<% if (locals.preHeader) { %>
|
||||
<mj-section>
|
||||
<mj-column>
|
||||
<mj-text css-class="hidden">
|
||||
<%- preHeader %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<% } %>
|
||||
|
||||
<mj-section css-class="header-container">
|
||||
<mj-column>
|
||||
<mj-image css-class="fxa-logo-firefox"
|
||||
width="171px"
|
||||
align="left"
|
||||
href="https://www.mozilla.org/firefox/new"
|
||||
src="https://accounts-static.cdn.mozilla.net/product-icons/firefox-logo-email.png"
|
||||
alt="Firefox logo"
|
||||
|
|
@ -101,6 +105,7 @@
|
|||
<% } %>
|
||||
|
||||
<mj-image css-class="mozilla-logo"
|
||||
width="120px"
|
||||
href="https://www.mozilla.org"
|
||||
src="https://accounts-static.cdn.mozilla.net/product-icons/mozilla-logo.png"
|
||||
alt="Mozilla logo"
|
||||
|
|
|
|||
|
|
@ -46,14 +46,12 @@
|
|||
.fxa-logo-firefox {
|
||||
padding: global.$s-5 global.$s-0 !important;
|
||||
height: 56px !important;
|
||||
width: 171px !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.mozilla-logo {
|
||||
padding: global.$s-8 global.$s-0 !important;
|
||||
height: 34px !important;
|
||||
width: 120px !important;
|
||||
display: block !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
|
@ -86,7 +84,6 @@
|
|||
.product-icon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
<% if (locals.iosUrl) { %>
|
||||
<mj-column>
|
||||
<mj-image
|
||||
width="152px"
|
||||
css-class="app-badge app-badge-ios"
|
||||
href="<%- iosUrl %>"
|
||||
src="https://accounts-static.cdn.mozilla.net/product-icons/apple-app-store.png"
|
||||
|
|
@ -24,6 +25,7 @@
|
|||
<% if (locals.androidUrl) { %>
|
||||
<mj-column>
|
||||
<mj-image
|
||||
width="152px"
|
||||
css-class="app-badge app-badge-android"
|
||||
href="<%- androidUrl %>"
|
||||
src="https://accounts-static.cdn.mozilla.net/product-icons/google-play.png"
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
padding: global.$s-10 global.$s-0 global.$s-5 !important;
|
||||
|
||||
img {
|
||||
width: 152px !important;
|
||||
height: 44px !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,17 +6,17 @@
|
|||
<% if (locals.productIconURLOld && locals.productIconURLNew) { %>
|
||||
<mj-group>
|
||||
<mj-column>
|
||||
<mj-image src="<%- productIconURLOld %>" alt="<%- productNameOld %>" title="<%- productNameOld %>" css-class="product-icon">
|
||||
<mj-image width="58px" src="<%- productIconURLOld %>" alt="<%- productNameOld %>" title="<%- productNameOld %>" css-class="product-icon">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-image src="<%- productIconURLNew %>" alt="<%- productNameNew %>" title="<%- productNameNew %>" css-class="product-icon">
|
||||
<mj-image width="58px" src="<%- productIconURLNew %>" alt="<%- productNameNew %>" title="<%- productNameNew %>" css-class="product-icon">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-group>
|
||||
<% } else { %>
|
||||
<mj-column>
|
||||
<mj-image src="<%- icon %>" alt="<%- productName %>" title="<%- productName %>" css-class="product-icon"></mj-image>
|
||||
<mj-image width="58px" src="<%- icon %>" alt="<%- productName %>" title="<%- productName %>" css-class="product-icon"></mj-image>
|
||||
</mj-column>
|
||||
<% } %>
|
||||
</mj-section>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,20 @@
|
|||
|
||||
<% if (!locals.productName) { locals.productName = 'Firefox' %><% } %>
|
||||
<mj-html-attributes>
|
||||
<mj-selector path=".fxa-logo td">
|
||||
<mj-html-attribute name="data-l10n-id">fxa-header-firefox-logo</mj-html-attribute>
|
||||
</mj-selector>
|
||||
<mj-selector path=".fxa-logo img">
|
||||
<mj-html-attribute name="data-l10n-name">fxa-logo</mj-html-attribute>
|
||||
</mj-selector>
|
||||
|
||||
<mj-selector path=".sync-img td">
|
||||
<mj-html-attribute name="data-l10n-id">fxa-header-sync-devices-image</mj-html-attribute>
|
||||
</mj-selector>
|
||||
<mj-selector path=".sync-img img">
|
||||
<mj-html-attribute name="data-l10n-name">sync-devices-image</mj-html-attribute>
|
||||
</mj-selector>
|
||||
|
||||
<mj-selector path=".fxa-logo-firefox a">
|
||||
<mj-html-attribute name="data-l10n-id">subplat-header-firefox-logo</mj-html-attribute>
|
||||
</mj-selector>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<mj-text css-class="text-header">
|
||||
<span data-l10n-id="cadReminderFirst-title">Here’s your reminder to sync devices.</span>
|
||||
</mj-text>
|
||||
<mj-image css-class="graphic-devices" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
<mj-image width="240px" css-class="graphic-devices" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<mj-text css-class="text-header">
|
||||
<span data-l10n-id="cadReminderSecond-title">Last reminder to sync devices!</span>
|
||||
</mj-text>
|
||||
<mj-image css-class="graphic-devices" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
<mj-image width="240px" css-class="graphic-devices" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<mj-text css-class="text-header">
|
||||
<span data-l10n-id="postVerify-title">Next sync between your devices!</span>
|
||||
</mj-text>
|
||||
<mj-image css-class="sync-logo" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
<mj-image width="240px" css-class="sync-logo" alt="Devices" src="https://accounts-static.cdn.mozilla.net/other/graphic-laptop-mobile.png"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче