github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: remove flexbox and fix multiple formatting issues.

Browse Source
This commit is contained in:
Prateek Shourya 2024-01-22 11:35:22 +05:30
parent 42495819f6
commit e9ec30af70
1 changed files with 122 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

187
apiserver/templates/emails/notifications/issue-updates.html
View File

@ -35,18 +35,18 @@
text="#3b3f44" text="#3b3f44"
link="#3f76ff" link="#3f76ff"
yahoo="fix" yahoo="fix"
style="background-color: #f7f9ff; margin: 50px" style="background-color: #f7f9ff; margin: 20px"
> >
<table <table
cellspacing="0" cellspacing="0"
cellpadding="0" cellpadding="0"
border="0" border="0"
style=" style="
display: flex;
background-color: #f7f9ff; background-color: #f7f9ff;
width: 100%; width: 100%;
height: 100%; height: 100%;
justify-content: center; padding-left: calc((100vw - 676px) / 2);
padding-right: calc((100vw - 676px) / 2);
" "
> >
<!-- Header --> <!-- Header -->
@ -55,24 +55,19 @@
<table style="width: 600px"> <table style="width: 600px">
<tr> <tr>
<td> <td>
<div <div style="margin: 20px">
style=" <!-- TODO: Get Plane logo -->
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
margin-left: 30px;
"
>
<img <img
src="https://docs.plane.so/logos/logo.svg" src="https://docs.plane.so/logos/logo.svg"
width="25" width="28"
height="25" height="28"
border="0" border="0"
/> />
<p style="font-weight: 700; font-size: 32px; color: #3f76ff"> <span
style="font-weight: 700; font-size: 32px; color: #3f76ff"
>
Plane Plane
</p> </span>
</div> </div>
</td> </td>
</tr> </tr>
@ -238,6 +233,17 @@
></i> ></i>
</td> </td>
<td style="width: 55px">
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Assignee
</p>
</td>
<td> <td>
<p <p
style=" style="
@ -246,7 +252,7 @@
color: #525252; color: #525252;
" "
> >
Assignee : :
</p> </p>
</td> </td>
<td> <td>
@ -296,8 +302,10 @@
<!-- due date changed --> <!-- due date changed -->
<tr> <tr>
<td style="padding-bottom: 20px"> <td
<table style="padding-left: 15px"> style="padding-left: 15px; padding-bottom: 20px"
>
<table>
<tr> <tr>
<td> <td>
<i <i
@ -310,6 +318,17 @@
" "
></i> ></i>
</td> </td>
<td style="width: 55px">
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Due Date
</p>
</td>
<td> <td>
<p <p
style=" style="
@ -318,7 +337,7 @@
color: #525252; color: #525252;
" "
> >
Due Date : :
</p> </p>
</td> </td>
<td> <td>
@ -340,8 +359,10 @@
<!-- duplicate changed --> <!-- duplicate changed -->
<tr> <tr>
<td style="padding-bottom: 20px"> <td
<table style="padding-left: 15px"> style="padding-left: 15px; padding-bottom: 20px"
>
<table>
<tr> <tr>
<td> <td>
<i <i
@ -354,6 +375,17 @@
" "
></i> ></i>
</td> </td>
<td style="width: 55px">
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Duplicate
</p>
</td>
<td> <td>
<p <p
style=" style="
@ -362,7 +394,7 @@
color: #525252; color: #525252;
" "
> >
Duplicate : :
</p> </p>
</td> </td>
<td> <td>
@ -384,8 +416,10 @@
<!-- only assignee added --> <!-- only assignee added -->
<tr> <tr>
<td style="padding-bottom: 20px"> <td
<table style="padding-left: 15px"> style="padding-left: 15px; padding-bottom: 20px"
>
<table>
<tr> <tr>
<td> <td>
<i <i
@ -398,6 +432,18 @@
" "
></i> ></i>
</td> </td>
<td style="width: 55px">
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Assignee
</p>
</td>
<td> <td>
<p <p
style=" style="
@ -406,7 +452,7 @@
color: #525252; color: #525252;
" "
> >
Assignee : :
</p> </p>
</td> </td>
<td> <td>
@ -443,11 +489,7 @@
<!-- assignee changed and more assignee added --> <!-- assignee changed and more assignee added -->
<tr> <tr>
<td <td
style=" style="padding-left: 15px; padding-bottom: 20px"
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
"
> >
<table> <table>
<tr> <tr>
@ -463,6 +505,17 @@
></i> ></i>
</td> </td>
<td style="width: 55px">
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
Assignee
</p>
</td>
<td> <td>
<p <p
style=" style="
@ -471,7 +524,7 @@
color: #525252; color: #525252;
" "
> >
Assignee : :
</p> </p>
</td> </td>
<td> <td>
@ -534,18 +587,12 @@
<!-- Labels --> <!-- Labels -->
<tr> <tr>
<td> <td
<table style="padding-left: 15px; padding-bottom: 20px"
cellspacing="0px" >
style="padding-left: 15px; padding-bottom: 20px" <table>
>
<tr> <tr>
<td <td>
style="
vertical-align: top;
padding-top: 4px;
"
>
<i <i
data-lucide="layout-panel-top" data-lucide="layout-panel-top"
style=" style="
@ -555,14 +602,29 @@
margin-right: 5px; margin-right: 5px;
" "
></i> ></i>
<span </td>
<td style="width: 55px">
<p
style=" style="
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 500; font-weight: 500;
color: #525252; color: #525252;
" "
>Labels :</span
> >
Labels
</p>
</td>
<td>
<p
style="
font-size: 0.8rem;
font-weight: 500;
color: #525252;
"
>
:
</p>
</td> </td>
<td valign="top"> <td valign="top">
<table> <table>
@ -737,20 +799,22 @@
<!-- Comments End --> <!-- Comments End -->
</table> </table>
</div> </div>
<div <button
onclick="window.location.href='https://docs.plane.so/PLW-1'" onclick="window.location.href='https://docs.plane.so/PLW-1'"
href="https://docs.plane.so/PLW-1" href="https://docs.plane.so/PLW-1"
style=" style="
background-color: #3e63dd; background-color: #3e63dd;
width: fit-content; padding: 10px 15px;
padding: 10px; border: 1px solid #2f4ba8;
border-radius: 4px; border-radius: 4px;
margin-top: 15px; margin-top: 15px;
cursor: pointer; cursor: pointer;
font-size: 0.8rem;
color: white;
" "
> >
<p style="font-size: 0.8rem; color: white">View issue</p> View issue
</div> </button>
</td> </td>
</tr> </tr>
</table> </table>
@ -759,7 +823,7 @@
<!-- Footer --> <!-- Footer -->
<tr> <tr>
<td> <td>
<table style="width: 600px; padding: 30px"> <table style="width: 600px; padding: 20px">
<tr> <tr>
<td> <td>
<div style="font-size: 0.8rem; color: #1c2024"> <div style="font-size: 0.8rem; color: #1c2024">
@ -783,53 +847,46 @@
>. >.
<!-- Github | LinkedIn | Twitter --> <!-- Github | LinkedIn | Twitter -->
<div <div style="margin-top: 40px; float: right">
style="
display: flex;
margin-top: 50px;
gap: 20px;
justify-content: end;
"
>
<a <a
href="https://github.com/makeplane" href="https://github.com/makeplane"
target="_blank" target="_blank"
style="color: #3f76ff; text-decoration: underline" style="margin-left: 10px; text-decoration: none"
> >
<img <img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png" src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png"
width="25" width="25"
height="25" height="25"
border="0" border="0"
style="display: block; width: 100%" style="display: inline-block"
/> />
</a> </a>
<a <a
href="https://www.linkedin.com/company/planepowers/" href="https://www.linkedin.com/company/planepowers/"
target="_blank" target="_blank"
style="color: #3f76ff; text-decoration: underline" style="margin-left: 10px; text-decoration: none"
> >
<img <img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png" src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png"
width="25" width="25"
height="25" height="25"
border="0" border="0"
style="display: block; width: 100%" style="display: inline-block"
/> />
</a> </a>
<a <a
href="https://twitter.com/planepowers" href="https://twitter.com/planepowers"
target="_blank" target="_blank"
style="color: #3f76ff; text-decoration: underline" style="margin-left: 10px; text-decoration: none"
> >
<img <img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png" src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png"
width="25" width="25"
height="25" height="25"
border="0" border="0"
style="display: block; width: 100%" style="display: inline-block"
/> />
</a> </a>
</div> </div>