Fallback registration page: added the classic viewport meta to fix the display...

Fallback registration page: added the classic viewport meta to fix the display on iPhone Safari and webview. The width of input elements also needs to be fixed.

Fallback registration page: added the classic viewport meta to fix the display...
1b4e3b7f · manuroe · 443ba4ee · 1b4e3b7f · 1b4e3b7f
Commit 1b4e3b7f authored 10 years ago by manuroe
--- a/static/client/register/index.html
+++ b/static/client/register/index.html
 <html>
 <head>
 <title> Registration </title>
+<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'> 
 <link rel="stylesheet" href="style.css">
 <script src="js/jquery-2.1.3.min.js"></script>
 <script src="js/recaptcha_ajax.js"></script>

--- a/static/client/register/style.css
+++ b/static/client/register/style.css
@@ -18,6 +18,10 @@ a:visited { color: #666; }
 a:hover   { color: #000; }
 a:active  { color: #000; }

+input {
+   width: 100%
+}
+
 textarea, input {
   font-family: inherit;
   font-size: inherit;
@@ -47,6 +51,6 @@ textarea, input {
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    
-    background-color: #f8f8f8;
+    background-color: #fff800;
    border: 1px #ccc solid;
 }
\ No newline at end of file