Skip to content
Snippets Groups Projects
Unverified Commit 43901216 authored by Germain's avatar Germain Committed by GitHub
Browse files

Add viewport directive to HTML templates to optimise for mobile (#13493)

parent 05bc059e
No related branches found
No related tags found
No related merge requests found
Showing
with 118 additions and 36 deletions
Modify HTML template content to better support mobile devices' screen sizes.
\ No newline at end of file
<html><body>Your account is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.</body><html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your account is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.</title>
</head>
<body>
Your account is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.
</body>
</html>
\ No newline at end of file
<html><body>Your account has been successfully renewed and is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.</body><html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your account has been successfully renewed and is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.</title>
</head>
<body>
Your account has been successfully renewed and is valid until {{ expiration_ts|format_ts("%d-%m-%Y") }}.
</body>
</html>
\ No newline at end of file
<html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Request to add an email address to your Matrix account</title>
</head>
<body> <body>
<p>A request to add an email address to your Matrix account has been received. If this was you, please click the link below to confirm adding this email:</p> <p>A request to add an email address to your Matrix account has been received. If this was you, please click the link below to confirm adding this email:</p>
<a href="{{ link }}">{{ link }}</a> <a href="{{ link }}">{{ link }}</a>
<p>If this was not you, you can safely ignore this email. Thank you.</p> <p>If this was not you, you can safely ignore this email. Thank you.</p>
</body> </body>
</html> </html>
<html> <!DOCTYPE html>
<head></head> <html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Request failed</title>
</head>
<body> <body>
<p>The request failed for the following reason: {{ failure_reason }}.</p> <p>The request failed for the following reason: {{ failure_reason }}.</p>
<p>No changes have been made to your account.</p>
<p>No changes have been made to your account.</p>
</body> </body>
</html> </html>
<html> <!DOCTYPE html>
<head></head> <html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your email has now been validated</title>
</head>
<body> <body>
<p>Your email has now been validated, please return to your client. You may now close this window.</p> <p>Your email has now been validated, please return to your client. You may now close this window.</p>
</body> </body>
</html> </html>
\ No newline at end of file
<html> <html>
<head> <head>
<title>Success!</title> <title>Success!</title>
<meta name='viewport' content='width=device-width, initial-scale=1, <meta http-equiv="X-UA-Compatible" content="IE=edge">
user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/_matrix/static/client/register/style.css"> <link rel="stylesheet" href="/_matrix/static/client/register/style.css">
<script> <script>
if (window.onAuthDone) { if (window.onAuthDone) {
......
<html><body>Invalid renewal token.</body><html> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invalid renewal token.</title>
</head>
<body>
Invalid renewal token.
</body>
</html>
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css"> <style type="text/css">
{% include 'mail.css' without context %} {% include 'mail.css' without context %}
{% include "mail-%s.css" % app_name ignore missing without context %} {% include "mail-%s.css" % app_name ignore missing without context %}
......
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css"> <style type="text/css">
{%- include 'mail.css' without context %} {%- include 'mail.css' without context %}
{%- include "mail-%s.css" % app_name ignore missing without context %} {%- include "mail-%s.css" % app_name ignore missing without context %}
......
<html> <html lang="en">
<head>
<title>Password reset</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>A password reset request has been received for your Matrix account. If this was you, please click the link below to confirm resetting your password:</p> <p>A password reset request has been received for your Matrix account. If this was you, please click the link below to confirm resetting your password:</p>
......
<html> <html lang="en">
<head></head> <head>
<title>Password reset confirmation</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<!--Use a hidden form to resubmit the information necessary to reset the password--> <!--Use a hidden form to resubmit the information necessary to reset the password-->
<form method="post"> <form method="post">
......
<html> <html lang="en">
<head></head> <head>
<title>Password reset failure</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>The request failed for the following reason: {{ failure_reason }}.</p> <p>The request failed for the following reason: {{ failure_reason }}.</p>
......
<html> <html lang="en">
<head></head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>Your email has now been validated, please return to your client to reset your password. You may now close this window.</p> <p>Your email has now been validated, please return to your client to reset your password. You may now close this window.</p>
</body> </body>
......
<html> <html>
<head> <head>
<title>Authentication</title> <title>Authentication</title>
<meta name='viewport' content='width=device-width, initial-scale=1, <meta http-equiv="X-UA-Compatible" content="IE=edge">
user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://www.recaptcha.net/recaptcha/api.js" <script src="https://www.recaptcha.net/recaptcha/api.js"
async defer></script> async defer></script>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
......
<html> <html lang="en">
<head>
<title>Registration</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>You have asked us to register this email with a new Matrix account. If this was you, please click the link below to confirm your email address:</p> <p>You have asked us to register this email with a new Matrix account. If this was you, please click the link below to confirm your email address:</p>
......
<html> <html lang="en">
<head></head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>Validation failed for the following reason: {{ failure_reason }}.</p> <p>Validation failed for the following reason: {{ failure_reason }}.</p>
</body> </body>
......
<html> <html lang="en">
<head></head> <head>
<title>Your email has now been validated</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body> <body>
<p>Your email has now been validated, please return to your client. You may now close this window.</p> <p>Your email has now been validated, please return to your client. You may now close this window.</p>
</body> </body>
......
<html> <html lang="en">
<head> <head>
<title>Authentication</title> <title>Authentication</title>
<meta name='viewport' content='width=device-width, initial-scale=1, <meta http-equiv="X-UA-Compatible" content="IE=edge">
user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/_matrix/static/client/register/style.css"> <link rel="stylesheet" href="/_matrix/static/client/register/style.css">
</head> </head>
<body> <body>
......
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>SSO account deactivated</title> <title>SSO account deactivated</title>
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css">
{% include "sso.css" without context %} {% include "sso.css" without context %}
</style> </style>
</head> </head>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment