From 4cfcead3f357d4d794cfb5beb9ba804a56fe6016 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Wed, 11 Jul 2012 13:33:03 +0100
Subject: [PATCH] Some general cleanup of the mobile layout.
* Vertically center the layout again.
* Apply the -webkit-text-size-adjust to the body.
* Remove the background-image gradients on the body.
* Reduce the vertical height of the "Use another address" button.
---
resources/static/dialog/css/m.css | 34 ++++++++++++++++---------------
1 file changed, 18 insertions(+), 16 deletions(-)
diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css
index ff29f75e4..b5fe152bf 100644
--- a/resources/static/dialog/css/m.css
+++ b/resources/static/dialog/css/m.css
@@ -7,14 +7,22 @@
*/
@media screen and (max-width: 640px) {
- html, body{
+ html, body {
height: auto;
+ -webkit-text-size-adjust: none;
+ }
+
+ /* Remove background image gradients set in style.css which cause
+ * horizontal lines to appear while the dialog is loading.
+ */
+ body {
+ background-image: url('/common/i/grain.png');
}
+
header, footer {
position: static;
padding: 5px 20px;
- -webkit-text-size-adjust: none;
}
footer{
@@ -108,17 +116,11 @@
}
#signIn .table{
- padding: 10px 20px 20px;
- display: block;
- }
-
- .pickemail #signIn .table {
- padding-top: 0;
+ padding: 20px;
}
#signIn .vertical {
- position: static;
- display: block;
+ position: static;
}
#signIn form {
@@ -157,7 +159,6 @@
position: relative;
top: 0;
bottom: 0;
- padding-bottom: 20px;
}
.form_section,
@@ -173,13 +174,14 @@
bottom: 0;
}
-.form_section{
- -webkit-text-size-adjust: none;
-}
-
.submit #cancel, #signIn .submit #cancel {
+ line-height: 40px; /* Match the height of the buttons on the right */
font-size: 18px;
- line-height: 40px;
+ }
+
+ .submit #cancel.emphasize, #signIn .submit #cancel.emphasize {
+ line-height: 22px; /* override the default cancel button height for
+ desktop or else the button looks huge */
}
#error .vertical {
--
GitLab