From 3df0630cda4b43e7052e08db8e7db6e5c04c58b7 Mon Sep 17 00:00:00 2001
From: Karlo <41088744+KarloDerEchte@users.noreply.github.com>
Date: Wed, 31 Jan 2024 14:47:39 +0100
Subject: [PATCH] Office 2019 Compatibility

---
 .../invitations/workspace_invitation.html     | 496 +++---------------
 1 file changed, 69 insertions(+), 427 deletions(-)

diff --git a/apiserver/templates/emails/invitations/workspace_invitation.html b/apiserver/templates/emails/invitations/workspace_invitation.html
index cdca6d62d50..127228559fe 100644
--- a/apiserver/templates/emails/invitations/workspace_invitation.html
+++ b/apiserver/templates/emails/invitations/workspace_invitation.html
@@ -13,364 +13,8 @@
       {{first_name}} has invited you
       to join them in {{workspace_name}} on Plane.
     </title>
-    <style type="text/css" emogrify="no">
-      #outlook a {
-        padding: 0;
-      }
-      .ExternalClass {
-        width: 100%;
-      }
-      .ExternalClass,
-      .ExternalClass p,
-      .ExternalClass span,
-      .ExternalClass font,
-      .ExternalClass td,
-      .ExternalClass div {
-        line-height: 100%;
-      }
-      table td {
-        border-collapse: collapse;
-        mso-line-height-rule: exactly;
-      }
-      .editable.image {
-        font-size: 0 !important;
-        line-height: 0 !important;
-      }
-      .nl2go_preheader {
-        display: none !important;
-        mso-hide: all !important;
-        mso-line-height-rule: exactly;
-        visibility: hidden !important;
-        line-height: 0px !important;
-        font-size: 0px !important;
-      }
-      body {
-        width: 100% !important;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-        margin: 0;
-        padding: 0;
-      }
-      img {
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
-      a img {
-        border: none;
-      }
-      table {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
-      th {
-        font-weight: normal;
-        text-align: left;
-      }
-      *[class="gmail-fix"] {
-        display: none !important;
-      }
-    </style>
-    <style type="text/css" emogrify="no">
-      @media (max-width: 600px) {
-        .gmx-killpill {
-          content: " \03D1";
-        }
-      }
-    </style>
-    <style type="text/css" emogrify="no">
-      @media (max-width: 600px) {
-        .gmx-killpill {
-          content: " \03D1";
-        }
-        .r0-o {
-          border-style: solid !important;
-          margin: 0 auto 0 auto !important;
-          width: 320px !important;
-        }
-        .r1-i {
-          background-color: #ffffff !important;
-        }
-        .r2-c {
-          box-sizing: border-box !important;
-          text-align: center !important;
-          valign: top !important;
-          width: 100% !important;
-        }
-        .r3-o {
-          border-style: solid !important;
-          margin: 0 auto 0 auto !important;
-          width: 100% !important;
-        }
-        .r4-i {
-          padding-bottom: 20px !important;
-          padding-left: 15px !important;
-          padding-right: 15px !important;
-          padding-top: 20px !important;
-        }
-        .r5-c {
-          box-sizing: border-box !important;
-          display: block !important;
-          valign: top !important;
-          width: 100% !important;
-        }
-        .r6-o {
-          border-style: solid !important;
-          width: 100% !important;
-        }
-        .r7-i {
-          padding-left: 0px !important;
-          padding-right: 0px !important;
-        }
-        .r8-c {
-          box-sizing: border-box !important;
-          text-align: left !important;
-          valign: top !important;
-          width: 100% !important;
-        }
-        .r9-o {
-          border-style: solid !important;
-          margin: 0 auto 0 0 !important;
-          width: 100% !important;
-        }
-        .r10-i {
-          padding-bottom: 10px !important;
-          padding-left: 0px !important;
-          padding-right: 0px !important;
-          padding-top: 10px !important;
-        }
-        .r11-i {
-          padding-bottom: 15px !important;
-          padding-top: 15px !important;
-          text-align: left !important;
-        }
-        .r12-c {
-          box-sizing: border-box !important;
-          padding: 0 !important;
-          text-align: center !important;
-          valign: top !important;
-          width: 100% !important;
-        }
-        .r13-o {
-          border-style: solid !important;
-          margin: 0 auto 0 auto !important;
-          margin-bottom: 15px !important;
-          margin-top: 15px !important;
-          width: 100% !important;
-        }
-        .r14-i {
-          padding: 0 !important;
-          text-align: center !important;
-        }
-        .r15-r {
-          background-color: #3f76ff !important;
-          border-radius: 4px !important;
-          border-width: 0px !important;
-          box-sizing: border-box;
-          height: initial !important;
-          padding: 0 !important;
-          padding-bottom: 12px !important;
-          padding-top: 12px !important;
-          text-align: center !important;
-          width: 100% !important;
-        }
-        .r16-i {
-          padding-bottom: 0px !important;
-          padding-left: 15px !important;
-          padding-right: 15px !important;
-          padding-top: 0px !important;
-        }
-        .r17-c {
-          box-sizing: border-box !important;
-          text-align: center !important;
-          width: 100% !important;
-        }
-        .r18-i {
-          padding-bottom: 5px !important;
-          padding-top: 5px !important;
-        }
-        .r19-i {
-          padding-bottom: 15px !important;
-          padding-left: 15px !important;
-          padding-right: 15px !important;
-          padding-top: 15px !important;
-        }
-        .r20-o {
-          border-bottom-color: #efefef !important;
-          border-bottom-width: 2px !important;
-          border-left-color: #efefef !important;
-          border-left-width: 2px !important;
-          border-right-color: #efefef !important;
-          border-right-width: 2px !important;
-          border-style: solid !important;
-          border-top-color: #efefef !important;
-          border-top-width: 2px !important;
-          margin: 0 auto 0 0 !important;
-          width: 100% !important;
-        }
-        .r21-i {
-          padding-bottom: 5px !important;
-          padding-left: 5px !important;
-          padding-right: 5px !important;
-          padding-top: 5px !important;
-          text-align: left !important;
-        }
-        .r22-i {
-          padding-bottom: 5px !important;
-          padding-left: 15px !important;
-          padding-right: 15px !important;
-          padding-top: 5px !important;
-        }
-        .r23-c {
-          box-sizing: border-box !important;
-          width: 100% !important;
-        }
-        .r24-i {
-          font-size: 0px !important;
-          padding-bottom: 10px !important;
-          padding-left: 65px !important;
-          padding-right: 65px !important;
-          padding-top: 10px !important;
-        }
-        .r25-c {
-          box-sizing: border-box !important;
-          width: 32px !important;
-        }
-        .r26-o {
-          border-style: solid !important;
-          margin-right: 8px !important;
-          width: 32px !important;
-        }
-        .r27-o {
-          border-style: solid !important;
-          margin-right: 0px !important;
-          width: 32px !important;
-        }
-        .r28-i {
-          padding-bottom: 0px !important;
-          padding-top: 5px !important;
-          text-align: center !important;
-        }
-        body {
-          -webkit-text-size-adjust: none;
-        }
-        .nl2go-responsive-hide {
-          display: none;
-        }
-        .nl2go-body-table {
-          min-width: unset !important;
-        }
-        .mobshow {
-          height: auto !important;
-          overflow: visible !important;
-          max-height: unset !important;
-          visibility: visible !important;
-          border: none !important;
-        }
-        .resp-table {
-          display: inline-table !important;
-        }
-        .magic-resp {
-          display: table-cell !important;
-        }
-      }
-    </style>
-    <style type="text/css">
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      ol,
-      ul {
-        margin: 0;
-      }
-      a,
-      a:link {
-        color: #3f76ff;
-        text-decoration: underline;
-      }
-      .nl2go-default-textstyle {
-        color: #3b3f44;
-        font-family: georgia, serif;
-        font-size: 16px;
-        line-height: 1.5;
-        word-break: break-word;
-      }
-      .default-button {
-        color: #ffffff;
-        font-family: georgia, serif;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: normal;
-        line-height: 1.15;
-        text-decoration: none;
-        word-break: break-word;
-      }
-      .default-heading1 {
-        color: #1f2d3d;
-        font-family: arial, helvetica, sans-serif;
-        font-size: 36px;
-        word-break: break-word;
-      }
-      .default-heading2 {
-        color: #1f2d3d;
-        font-family: arial, helvetica, sans-serif;
-        font-size: 32px;
-        word-break: break-word;
-      }
-      .default-heading3 {
-        color: #1f2d3d;
-        font-family: arial, helvetica, sans-serif;
-        font-size: 24px;
-        word-break: break-word;
-      }
-      .default-heading4 {
-        color: #1f2d3d;
-        font-family: arial, helvetica, sans-serif;
-        font-size: 18px;
-        word-break: break-word;
-      }
-      a[x-apple-data-detectors] {
-        color: inherit !important;
-        text-decoration: inherit !important;
-        font-size: inherit !important;
-        font-family: inherit !important;
-        font-weight: inherit !important;
-        line-height: inherit !important;
-      }
-      .no-show-for-you {
-        border: none;
-        display: none;
-        float: none;
-        font-size: 0;
-        height: 0;
-        line-height: 0;
-        max-height: 0;
-        mso-hide: all;
-        overflow: hidden;
-        table-layout: fixed;
-        visibility: hidden;
-        width: 0;
-      }
-    </style>
-    <!--[if mso
-      ]><xml>
-        <o:OfficeDocumentSettings>
-          <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch>
-        </o:OfficeDocumentSettings>
-      </xml><!
-    [endif]-->
-    <style type="text/css">
-      a:link {
-        color: #3f76ff;
-        text-decoration: underline;
-      }
-    </style>
   </head>
   <body
-    bgcolor="#ffffff"
     text="#3b3f44"
     link="#3f76ff"
     yahoo="fix"
@@ -379,7 +23,7 @@
     <table
       cellspacing="0"
       cellpadding="0"
-      border="0"
+      
       role="presentation"
       class="nl2go-body-table"
       width="100%"
@@ -390,10 +34,10 @@
           <table
             cellspacing="0"
             cellpadding="0"
-            border="0"
+            
             role="presentation"
             width="600"
-            align="center"
+            
             class="r0-o"
             style="table-layout: fixed; width: 600px"
           >
@@ -402,10 +46,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -418,7 +62,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -431,7 +75,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -450,15 +94,15 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r8-c" align="left">
+                                      <td class="r8-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="150"
                                           class="r9-o"
@@ -477,7 +121,7 @@
                                               <img
                                                 src="https://img.mailinblue.com/5942152/images/content_library/original/64708f00b503b149db7ff135.png"
                                                 width="150"
-                                                border="0"
+                                                
                                                 style="
                                                   display: block;
                                                   width: 100%;
@@ -501,10 +145,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -517,7 +161,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -530,7 +174,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -549,15 +193,15 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r8-c" align="left">
+                                      <td class="r8-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="100%"
                                           class="r9-o"
@@ -568,7 +212,7 @@
                                         >
                                           <tr>
                                             <td
-                                              align="left"
+                                              
                                               valign="top"
                                               class="r11-i nl2go-default-textstyle"
                                               style="
@@ -615,11 +259,11 @@
                                       </td>
                                     </tr>
                                     <tr>
-                                      <td class="r8-c" align="left">
+                                      <td class="r8-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="100%"
                                           class="r9-o"
@@ -630,7 +274,7 @@
                                         >
                                           <tr>
                                             <td
-                                              align="left"
+                                              
                                               valign="top"
                                               class="r11-i nl2go-default-textstyle"
                                               style="
@@ -686,18 +330,16 @@
                                     <tr>
                                       <td
                                         class="r12-c"
-                                        align="center"
+                                        
                                         style="
-                                          align: center;
                                           padding-bottom: 15px;
                                           padding-top: 15px;
-                                          valign: top;
                                         "
                                       >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="285"
                                           class="r13-o"
@@ -715,7 +357,7 @@
                                           <tr>
                                             <td
                                               height="20"
-                                              align="center"
+                                              
                                               valign="top"
                                               class="r14-i nl2go-default-textstyle"
                                               style="
@@ -776,10 +418,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -789,7 +431,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -802,7 +444,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -821,15 +463,15 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r17-c" align="center">
+                                      <td class="r17-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="570"
                                           class="r3-o"
@@ -848,7 +490,7 @@
                                                 width="100%"
                                                 cellspacing="0"
                                                 cellpadding="0"
-                                                border="0"
+                                                
                                                 role="presentation"
                                               >
                                                 <tr>
@@ -857,7 +499,7 @@
                                                       width="100%"
                                                       cellspacing="0"
                                                       cellpadding="0"
-                                                      border="0"
+                                                      
                                                       role="presentation"
                                                       valign=""
                                                       class="r18-i"
@@ -904,10 +546,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -920,7 +562,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -933,7 +575,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -952,15 +594,15 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r8-c" align="left">
+                                      <td class="r8-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="100%"
                                           class="r20-o"
@@ -1016,7 +658,7 @@
                                               ­
                                             </td>
                                             <td
-                                              align="left"
+                                              
                                               valign="top"
                                               class="r21-i nl2go-default-textstyle"
                                               style="
@@ -1166,10 +808,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -1182,7 +824,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -1195,7 +837,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -1214,18 +856,18 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r17-c" align="center">
+                                      <td class="r17-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="570"
-                                          align="center"
+                                          
                                           class="r3-o"
                                           style="
                                             table-layout: fixed;
@@ -1238,7 +880,7 @@
                                                 width="100%"
                                                 cellspacing="0"
                                                 cellpadding="0"
-                                                border="0"
+                                                
                                                 role="presentation"
                                               >
                                                 <tr>
@@ -1251,7 +893,7 @@
                                                     <table
                                                       cellspacing="0"
                                                       cellpadding="0"
-                                                      border="0"
+                                                      
                                                       role="presentation"
                                                       width="570"
                                                       class="r6-o"
@@ -1274,7 +916,7 @@
                                                             width="100%"
                                                             cellspacing="0"
                                                             cellpadding="0"
-                                                            border="0"
+                                                            
                                                             role="presentation"
                                                           >
                                                             <tr>
@@ -1288,7 +930,7 @@
                                                                 <table
                                                                   cellspacing="0"
                                                                   cellpadding="0"
-                                                                  border="0"
+                                                                  
                                                                   role="presentation"
                                                                   width="100%"
                                                                   class="r26-o"
@@ -1318,7 +960,7 @@
                                                                         <img
                                                                           src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png"
                                                                           width="32"
-                                                                          border="0"
+                                                                          
                                                                           style="
                                                                             display: block;
                                                                             width: 100%;
@@ -1348,7 +990,7 @@
                                                                 <table
                                                                   cellspacing="0"
                                                                   cellpadding="0"
-                                                                  border="0"
+                                                                  
                                                                   role="presentation"
                                                                   width="100%"
                                                                   class="r26-o"
@@ -1378,7 +1020,7 @@
                                                                         <img
                                                                           src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png"
                                                                           width="32"
-                                                                          border="0"
+                                                                          
                                                                           style="
                                                                             display: block;
                                                                             width: 100%;
@@ -1408,7 +1050,7 @@
                                                                 <table
                                                                   cellspacing="0"
                                                                   cellpadding="0"
-                                                                  border="0"
+                                                                  
                                                                   role="presentation"
                                                                   width="100%"
                                                                   class="r26-o"
@@ -1438,7 +1080,7 @@
                                                                         <img
                                                                           src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png"
                                                                           width="32"
-                                                                          border="0"
+                                                                          
                                                                           style="
                                                                             display: block;
                                                                             width: 100%;
@@ -1468,7 +1110,7 @@
                                                                 <table
                                                                   cellspacing="0"
                                                                   cellpadding="0"
-                                                                  border="0"
+                                                                  
                                                                   role="presentation"
                                                                   width="100%"
                                                                   class="r27-o"
@@ -1498,7 +1140,7 @@
                                                                         <img
                                                                           src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/website_32px.png"
                                                                           width="32"
-                                                                          border="0"
+                                                                          
                                                                           style="
                                                                             display: block;
                                                                             width: 100%;
@@ -1534,10 +1176,10 @@
                 <table
                   cellspacing="0"
                   cellpadding="0"
-                  border="0"
+                  
                   role="presentation"
                   width="100%"
-                  align="center"
+                  
                   class="r3-o"
                   style="table-layout: fixed; width: 100%"
                 >
@@ -1550,7 +1192,7 @@
                         width="100%"
                         cellspacing="0"
                         cellpadding="0"
-                        border="0"
+                        
                         role="presentation"
                       >
                         <tr>
@@ -1563,7 +1205,7 @@
                             <table
                               cellspacing="0"
                               cellpadding="0"
-                              border="0"
+                              
                               role="presentation"
                               width="100%"
                               class="r6-o"
@@ -1582,15 +1224,15 @@
                                     width="100%"
                                     cellspacing="0"
                                     cellpadding="0"
-                                    border="0"
+                                    
                                     role="presentation"
                                   >
                                     <tr>
-                                      <td class="r8-c" align="left">
+                                      <td class="r8-c" >
                                         <table
                                           cellspacing="0"
                                           cellpadding="0"
-                                          border="0"
+                                          
                                           role="presentation"
                                           width="100%"
                                           class="r9-o"
@@ -1601,7 +1243,7 @@
                                         >
                                           <tr>
                                             <td
-                                              align="center"
+                                              
                                               valign="top"
                                               class="r28-i nl2go-default-textstyle"
                                               style="