fix: remplacer background shorthand, rgba() et border-radius dans les emails
Outlook Windows (2007-2019) ne supporte que background-color, pas le shorthand background. rgba() et border-radius ne sont pas non plus supportes par Outlook Windows Mail, GMX, Samsung Email, Orange. templates/emails/2fa_code.html.twig: - code de verification: background: #111827 remplace par background-color: #111827 templates/emails/forgot_password_code.html.twig: - code de verification: background: #111827 remplace par background-color: #111827 templates/emails/membre_created.html.twig: - bloc identifiants: background: #111827 remplace par background-color: #111827 - bouton connexion: background: #fabf04 remplace par background-color: #fabf04, border rgba(0,0,0,0.1) remplace par #e5e5e5, border-radius: 8px supprime templates/emails/revendeur_created.html.twig: - bloc identifiants: background: #111827 remplace par background-color: #111827 - 3 blocs etapes: background: #f9fafb remplace par background-color: #f9fafb - bouton mot de passe: background: #fabf04 remplace par background-color: #fabf04, border rgba supprime, border-radius supprime - bouton connexion: background: #fff remplace par background-color: #ffffff, border rgba supprime, border-radius supprime - bloc info: background: #f9fafb remplace par background-color: #f9fafb templates/emails/rgpd_attestation_signed.html.twig: - 2 blocs info: background: #f9fafb remplace par background-color: #f9fafb 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: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
<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>
|
||||
</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: #111827; color: #fabf04; font-size: 32px; font-weight: 700; letter-spacing: 0.3em; font-family: monospace;">{{ code }}</span>
|
||||
<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>
|
||||
</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,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;">Votre compte sur le <strong>CRM SITECONSEIL</strong> a ete cree par l'administration de la SARL SITECONSEIL.</p>
|
||||
|
||||
<div style="background: #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: 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;">
|
||||
@@ -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: #fabf04; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px; 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: 12px 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: #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: 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,31 +14,31 @@
|
||||
<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: #f9fafb;">
|
||||
<div style="padding: 12px 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: #f9fafb;">
|
||||
<div style="padding: 12px 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: #f9fafb;">
|
||||
<div style="padding: 12px 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: #fabf04; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px; 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: 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>
|
||||
</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: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px; 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: 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>
|
||||
</div>
|
||||
|
||||
<div style="background: #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: 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;">
|
||||
|
||||
@@ -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: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<div style="padding: 8px 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;">
|
||||
<strong>Date</strong> {{ attestation.createdAt|date('d/m/Y a H:i') }}
|
||||
</div>
|
||||
<div style="padding: 8px 12px; background: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<div style="padding: 8px 12px; background-color: #f9fafb; border-left: 3px solid #fabf04;">
|
||||
<strong>Type</strong> {{ typeName|capitalize }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user