jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(chalice): changed invite user email (#1329)

Browse source
This commit is contained in:
Kraiem Taha Yassine 2023-06-09 16:52:08 +02:00 • committed by GitHub
parent f5a836e726
commit 6d15071cde
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 515 additions and 496 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

159
api/chalicelib/utils/html/invitation.html
View file

@ -4,22 +4,22 @@
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<!--[if gte mso 9]>
<xml>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=device-width" name="viewport"/>
<!--[if !mso]><!-->
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<!--<![endif]-->
<title></title>
<!--[if !mso]><!-->
<!--<![endif]-->
<style type="text/css">
</xml><![endif]-->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=device-width" name="viewport"/>
<!--[if !mso]><!-->
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<!--<![endif]-->
<title></title>
<!--[if !mso]><!-->
<!--<![endif]-->
<style type="text/css">
body {
margin: 0;
padding: 0;
@ -130,8 +130,8 @@
width: 50px !important;
}
</style>
<style id="media-query" type="text/css">
</style>
<style id="media-query" type="text/css">
@media only screen and (min-width: 520px) {
.block-grid {
width: 500px !important;
@ -223,7 +223,7 @@
width: 100% !important;
}
.col>div {
.col > div {
margin: 0 auto;
}
@ -284,54 +284,64 @@
}
}
</style>
</style>
</head>
<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
<style id="media-query-bodytag" type="text/css">
@media (max-width: 520px) {
.block-grid {
min-width: 320px!important;
max-width: 100%!important;
width: 100%!important;
display: block!important;
}
.col {
min-width: 320px!important;
max-width: 100%!important;
width: 100%!important;
display: block!important;
}
.col > div {
margin: 0 auto;
}
img.fullwidth {
max-width: 100%!important;
height: auto!important;
}
img.fullwidthOnMobile {
max-width: 100%!important;
height: auto!important;
}
.no-stack .col {
min-width: 0!important;
display: table-cell!important;
}
.no-stack.two-up .col {
width: 50%!important;
}
.no-stack.mixed-two-up .col.num4 {
width: 33%!important;
}
.no-stack.mixed-two-up .col.num8 {
width: 66%!important;
}
.no-stack.three-up .col.num4 {
width: 33%!important
}
.no-stack.four-up .col.num3 {
width: 25%!important
}
}
@media (max-width: 520px) {
.block-grid {
min-width: 320px !important;
max-width: 100% !important;
width: 100% !important;
display: block !important;
}
.col {
min-width: 320px !important;
max-width: 100% !important;
width: 100% !important;
display: block !important;
}
.col > div {
margin: 0 auto;
}
img.fullwidth {
max-width: 100% !important;
height: auto !important;
}
img.fullwidthOnMobile {
max-width: 100% !important;
height: auto !important;
}
.no-stack .col {
min-width: 0 !important;
display: table-cell !important;
}
.no-stack.two-up .col {
width: 50% !important;
}
.no-stack.mixed-two-up .col.num4 {
width: 33% !important;
}
.no-stack.mixed-two-up .col.num8 {
width: 66% !important;
}
.no-stack.three-up .col.num4 {
width: 33% !important
}
.no-stack.four-up .col.num3 {
width: 25% !important
}
}
</style>
<!--[if IE]>
@ -339,8 +349,8 @@ width: 25%!important
<table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #FFFFFF; width: 540px;"
valign="top" width="540px">
<tbody>
<tr style="vertical-align: top;" valign="top">
<tbody>
<tr style="vertical-align: top;" valign="top">
<td style="word-break: break-word; vertical-align: top; border-collapse: collapse;" valign="top">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
@ -378,7 +388,8 @@ width: 25%!important
<tr style="line-height:0px">
<td style="padding-right: 0px;padding-left: 0px;" align="center">
<![endif]-->
<img style="width=124px; height=35px;" width="124px" height="35px" src="img/logo.png"/>
<img style="width=124px; height=35px;" width="124px" height="35px"
src="img/logo.png"/>
<!--[if mso]></td></tr></table><![endif]-->
</div>
@ -442,15 +453,23 @@ width: 25%!important
<tr>
<td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif">
<![endif]-->
<p style="font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif; color: #6c757d; text-align: center;">
Please click the button below to accept the invitation (valid for 24 hours
only).</p>
<br/>
<p style="font-size: 14px; line-height: 21px; text-align: center; margin: 0; margin-bottom: 10px">
<span style="font-size: 18px;"><a href="%(invitationLink)s"
rel="noopener"
style="text-decoration: none; color: #ffffff; background-color: #394EFF; border-radius: 3px; padding: 10px 30px;"
target="_blank" title="Accept Invitation">Accept Invitation</a></span><span
style="font-size: 18px; line-height: 21px;"></span></p>
<div style="color:#555555;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
<div style="font-size: 12px; line-height: 14px; color: #555555; font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;">
<p style="font-size: 14px; line-height: 16px; text-align: center; margin: 0;">
Please use this link to login:</p>
If the button above doesn't work, please copy and paste the URL into
your browser:</p>
<p style="font-size: 14px; line-height: 21px; text-align: center; margin: 0;">
<span style="font-size: 18px;"><a href="%(invitationLink)s"
rel="noopener"
style="text-decoration: underline; color: #009193;"
target="_blank" title="OpenReplay Login">%(invitationLink)s</a></span><span
<span style="font-size: 13px;">%(invitationLink)s</span><span
style="font-size: 18px; line-height: 21px;"></span></p>
</div>
</div>
@ -565,8 +584,8 @@ width: 25%!important
</div>
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</tr>
</tbody>
</table>
<!--[if (IE)]></div><![endif]-->
</body>