feat: mobile outlook manual & manual styles

xebia · Jul 23, 2024 · a866d06 · a866d06
1 parent 50edfaa
commit a866d06
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/xebia_email_signature/static/styles-new.css b/src/xebia_email_signature/static/styles-new.css
@@ -186,6 +186,10 @@ a:visited {
   font-size: .88rem;
 }
 
+.preview-manual li {
+  margin-bottom: 0.5rem;
+}
+
 label {
   display: flex;
   align-items: baseline;

diff --git a/src/xebia_email_signature/templates/new_form.html b/src/xebia_email_signature/templates/new_form.html
@@ -350,6 +350,25 @@ <h2 class="preview-header">Installation guide:</h2>
           </ol>
         </div>
 
+        <div
+          class="preview-manual js-preview-manual-mobile-outlook-ios js-preview-manual-mobile-outlook-and"
+        >
+          <h2 class="preview-header">Installation guide:</h2>
+          <ol>
+            <li>Create the signature on your desktop Outlook.</li>
+            <li>
+              Compose a new email with the new signature and send it to
+              yourself.
+            </li>
+            <li>Open the email in Outlook on your mobile device.</li>
+            <li>Tap and hold on the signature to copy it.</li>
+            <li>
+              Go to Outlook settings on your mobile device, navigate to
+              <strong>Signature</strong>, and paste the copied signature.
+            </li>
+          </ol>
+        </div>
+
         <h2 class="preview-header">Preview:</h2>
         <iframe
           class="preview-iframe"