fix: remplacer padding shorthand par longhand dans tous les templates email
Outlook Windows (2007-2019) a un bug ou le padding vertical d'une cellule est applique a toutes les cellules de la meme ligne avec la plus grande valeur. SFR, Samsung Email, GMX, WEB.DE, HEY ne supportent que partiellement le shorthand. templates/emails/2fa_code.html.twig: - span code: padding: 16px 32px remplace par padding-top/right/bottom/left templates/emails/forgot_password_code.html.twig: - span code: padding: 16px 32px remplace par padding-top/right/bottom/left templates/emails/membre_created.html.twig: - bloc identifiants: padding: 20px remplace par les 4 proprietes longhand - 2 divs internes: padding: 4px 0 remplace par longhand - bouton connexion: padding: 12px 24px remplace par longhand templates/emails/revendeur_created.html.twig: - bloc identifiants: padding: 20px remplace par longhand - 3 blocs etapes: padding: 12px 16px remplace par longhand - bouton mot de passe: padding: 14px 24px remplace par longhand - bouton connexion: padding: 12px 24px remplace par longhand - bloc info: padding: 16px remplace par longhand - 3 divs internes: padding: 2px 0 remplace par longhand templates/emails/rgpd_attestation_signed.html.twig: - 3 blocs info: padding: 8px 12px remplace par longhand Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Serreau Jovann
@@ -8,7 +8,7 @@
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Voici votre code de verification pour vous connecter au CRM SITECONSEIL :</p>
|
||||
|
||||
<div style="text-align: center; margin-top: 24px; margin-right: 0; margin-bottom: 24px; margin-left: 0;">
|
||||
<span style="display: inline-block; padding: 16px 32px; background-color: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
<span style="display: inline-block; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; background-color: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
</div>
|
||||
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Ce code est valable quelques minutes. Si vous n'avez pas demande ce code, ignorez cet email.</p>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Bonjour,</p>
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Vous avez demande la reinitialisation de votre mot de passe sur le CRM SITECONSEIL. Voici votre code de verification :</p>
|
||||
<div style="text-align: center; margin-top: 24px; margin-right: 0; margin-bottom: 24px; margin-left: 0;">
|
||||
<span style="display: inline-block; padding: 16px 32px; background-color: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
<span style="display: inline-block; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; background-color: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
</div>
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Ce code est valable <strong>10 minutes</strong>. Si vous n'avez pas demande cette reinitialisation, ignorez cet email.</p>
|
||||
<p style="font-size: 12px; color: #999; margin-top: 16px; margin-right: 0; margin-bottom: 0; margin-left: 0;">Pour des raisons de securite, ne partagez jamais ce code avec qui que ce soit.</p>
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
<h1 style="font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Bienvenue {{ firstName }} !</h1>
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Votre compte sur le <strong>CRM SITECONSEIL</strong> a ete cree par l'administration de la SARL SITECONSEIL.</p>
|
||||
|
||||
<div style="background-color: #111827; color: #fff; padding: 20px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0;">
|
||||
<div style="background-color: #111827; color: #fff; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0;">
|
||||
<p style="font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-top: 0; margin-right: 0; margin-bottom: 12px; margin-left: 0; opacity: 0.7;">Vos identifiants de connexion</p>
|
||||
<div style="font-size: 14px;">
|
||||
<div style="padding: 4px 0;">
|
||||
<div style="padding-top: 4px; padding-right: 0; padding-bottom: 4px; padding-left: 0;">
|
||||
<span style="color: #fabf04; font-weight: bold; display: inline-block; width: 120px;">Email</span>
|
||||
<span style="color: #fff;">{{ email }}</span>
|
||||
</div>
|
||||
<div style="padding: 4px 0;">
|
||||
<div style="padding-top: 4px; padding-right: 0; padding-bottom: 4px; padding-left: 0;">
|
||||
<span style="color: #fabf04; font-weight: bold; display: inline-block; width: 120px;">Mot de passe</span>
|
||||
<span style="color: #fff; font-family: monospace; letter-spacing: 1px;">{{ tempPassword }}</span>
|
||||
</div>
|
||||
@@ -46,7 +46,7 @@
|
||||
{% endif %}
|
||||
|
||||
<div style="margin-top: 24px; margin-right: 0; margin-bottom: 24px; margin-left: 0;">
|
||||
<a href="{{ url('app_home') }}" style="display: inline-block; background-color: #fabf04; border: 1px solid #e5e5e5; padding: 12px 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 13px; text-decoration: none; letter-spacing: 1px;">Se connecter</a>
|
||||
<a href="{{ url('app_home') }}" style="display: inline-block; background-color: #fabf04; border: 1px solid #e5e5e5; padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 13px; text-decoration: none; letter-spacing: 1px;">Se connecter</a>
|
||||
</div>
|
||||
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 16px; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Une fois sur la page de connexion, cliquez sur le bouton <strong>"Connexion SITECONSEIL"</strong> puis saisissez vos identifiants ci-dessus.</p>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<h1 style="font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Bienvenue {{ firstName }} !</h1>
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Nous avons le plaisir de vous informer que votre compte <strong>revendeur</strong> a ete cree sur le CRM SITECONSEIL.</p>
|
||||
|
||||
<div style="background-color: #111827; color: #fff; padding: 20px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0;">
|
||||
<div style="background-color: #111827; color: #fff; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0;">
|
||||
<p style="font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-top: 0; margin-right: 0; margin-bottom: 12px; margin-left: 0; opacity: 0.7;">Votre code revendeur</p>
|
||||
<p style="font-size: 28px; font-weight: 700; color: #fabf04; text-align: center; font-family: monospace; letter-spacing: 4px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">{{ codeRevendeur }}</p>
|
||||
</div>
|
||||
@@ -14,42 +14,42 @@
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 8px; margin-left: 0; font-weight: bold;">Pour acceder a votre espace, suivez ces etapes :</p>
|
||||
|
||||
<div style="width: 100%; margin-top: 16px; margin-right: 0; margin-bottom: 16px; margin-left: 0;">
|
||||
<div style="padding: 12px 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<div style="padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<p style="font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fabf04; margin-top: 0; margin-right: 0; margin-bottom: 4px; margin-left: 0;">Etape 1</p>
|
||||
<p style="font-size: 14px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: 1.6;">Cliquez sur le bouton ci-dessous pour <strong>definir votre mot de passe</strong>. Ce lien est a usage unique.</p>
|
||||
</div>
|
||||
<div style="height: 8px;"></div>
|
||||
<div style="padding: 12px 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<div style="padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<p style="font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fabf04; margin-top: 0; margin-right: 0; margin-bottom: 4px; margin-left: 0;">Etape 2</p>
|
||||
<p style="font-size: 14px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: 1.6;">Une fois votre mot de passe defini, rendez-vous sur la page de connexion et identifiez-vous avec votre email <strong>{{ email }}</strong> et votre nouveau mot de passe.</p>
|
||||
</div>
|
||||
<div style="height: 8px;"></div>
|
||||
<div style="padding: 12px 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<div style="padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; border-left: 4px solid #fabf04; background-color: #f9fafb;">
|
||||
<p style="font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fabf04; margin-top: 0; margin-right: 0; margin-bottom: 4px; margin-left: 0;">Etape 3</p>
|
||||
<p style="font-size: 14px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: 1.6;">Vous accederez a votre <strong>Espace Revendeur</strong> ou vous pourrez gerer vos ventes, commandes et factures.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 24px; margin-right: 0; margin-bottom: 24px; margin-left: 0; text-align: center;">
|
||||
<a href="{{ setPasswordUrl }}" style="display: inline-block; background-color: #fabf04; border: 1px solid #e5e5e5; padding: 14px 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 14px; text-decoration: none; letter-spacing: 1px;">Definir mon mot de passe</a>
|
||||
<a href="{{ setPasswordUrl }}" style="display: inline-block; background-color: #fabf04; border: 1px solid #e5e5e5; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 14px; text-decoration: none; letter-spacing: 1px;">Definir mon mot de passe</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 0; margin-right: 0; margin-bottom: 24px; margin-left: 0; text-align: center;">
|
||||
<a href="{{ url('app_home') }}" style="display: inline-block; background-color: #ffffff; border: 1px solid #e5e5e5; padding: 12px 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 12px; text-decoration: none; letter-spacing: 1px;">Acceder a la page de connexion</a>
|
||||
<a href="{{ url('app_home') }}" style="display: inline-block; background-color: #ffffff; border: 1px solid #e5e5e5; padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px; color: #111827; font-weight: 700; text-transform: uppercase; font-size: 12px; text-decoration: none; letter-spacing: 1px;">Acceder a la page de connexion</a>
|
||||
</div>
|
||||
|
||||
<div style="background-color: #f9fafb; padding: 16px; border: 1px solid #e5e7eb; margin-top: 16px; margin-right: 0; margin-bottom: 16px; margin-left: 0;">
|
||||
<div style="background-color: #f9fafb; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border: 1px solid #e5e7eb; margin-top: 16px; margin-right: 0; margin-bottom: 16px; margin-left: 0;">
|
||||
<p style="font-size: 12px; font-weight: bold; margin-top: 0; margin-right: 0; margin-bottom: 8px; margin-left: 0;">Informations de votre compte :</p>
|
||||
<div style="font-size: 12px;">
|
||||
<div style="padding: 2px 0;">
|
||||
<div style="padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0;">
|
||||
<span style="color: #666; display: inline-block; width: 120px;">Code revendeur</span>
|
||||
<span style="font-weight: bold; font-family: monospace;">{{ codeRevendeur }}</span>
|
||||
</div>
|
||||
<div style="padding: 2px 0;">
|
||||
<div style="padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0;">
|
||||
<span style="color: #666; display: inline-block; width: 120px;">Email</span>
|
||||
<span style="font-weight: bold;">{{ email }}</span>
|
||||
</div>
|
||||
<div style="padding: 2px 0;">
|
||||
<div style="padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0;">
|
||||
<span style="color: #666; display: inline-block; width: 120px;">Nom</span>
|
||||
<span style="font-weight: bold;">{{ firstName }} {{ lastName }}</span>
|
||||
</div>
|
||||
|
||||
@@ -7,13 +7,13 @@
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Bonjour,</p>
|
||||
<p style="font-size: 14px; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0;">Suite a votre demande, vous trouverez en piece jointe votre <strong>attestation d'{{ typeName }}</strong>, signee electroniquement par la SARL SITECONSEIL.</p>
|
||||
<div style="margin-top: 16px; margin-right: 0; margin-bottom: 16px; margin-left: 0; font-size: 13px; width: 100%;">
|
||||
<div style="padding: 8px 12px; background-color: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<div style="padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; background-color: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<strong>Reference</strong> {{ attestation.reference }}
|
||||
</div>
|
||||
<div style="padding: 8px 12px; border-left: 3px solid #fabf04;">
|
||||
<div style="padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-left: 3px solid #fabf04;">
|
||||
<strong>Date</strong> {{ attestation.createdAt|date('d/m/Y a H:i') }}
|
||||
</div>
|
||||
<div style="padding: 8px 12px; background-color: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<div style="padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; background-color: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<strong>Type</strong> {{ typeName|capitalize }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user