From d38b20e7d3b846942f69eb0207736e9c262a085c Mon Sep 17 00:00:00 2001 From: Shane Tomlinson <stomlinson@mozilla.com> Date: Wed, 14 Mar 2012 11:48:49 +0000 Subject: [PATCH] Layout fixes. * Fix "We just sent an email to that address" tooltip being partially cut off on mobiel. issue #1309 * Fix "wait, delay, and error" screens not being shown on mobile at appropriate times. issue #1306 --- resources/static/dialog/css/m.css | 17 ++++++++++++----- resources/static/dialog/css/popup.css | 20 ++++---------------- 2 files changed, 16 insertions(+), 21 deletions(-) diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css index 8e103feab..08b24fe31 100644 --- a/resources/static/dialog/css/m.css +++ b/resources/static/dialog/css/m.css @@ -47,7 +47,10 @@ #favicon { display: block; width: 100%; - position: relative; + /* Changed this from relative to static to fix issue #1309 - tooltips + * being partially cut off by the site URL bar + */ + position: static; } #favicon { @@ -91,7 +94,11 @@ background-color: transparent; } - .error #formWrap, .error #wait, .waiting #formWrap { + .waiting #wait, .delay #delay, #error #error { + display: block; + } + + .waiting #formWrap, .delay #formWrap, .error #formWrap, .delay #wait, .error #wait, .error #delay { display: none; } @@ -144,7 +151,7 @@ overflow: visible; } - .submit > #cancel, #signIn .submit > #cancel { + .submit #cancel, #signIn .submit #cancel { font-size: 18px; line-height: 40px; } @@ -157,8 +164,8 @@ position: static; } - #error .vertical, #wait .vertical { - height: 250px; + #error .vertical, #delay .vertical, #wait .vertical { + height: 250px; } #error .vertical { diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css index a9bbc5b31..d3765789e 100644 --- a/resources/static/dialog/css/popup.css +++ b/resources/static/dialog/css/popup.css @@ -93,27 +93,24 @@ section > .contents { background-image: url("/i/bg.png"); } - .waiting #wait { z-index: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } -.error #error, #error.unsupported, #error.cookies_disabled { - z-index: 3; +.delay #delay { + z-index: 2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } -.delay #delay { - z-index: 2; +.error #error, #error.unsupported, #error.cookies_disabled { + z-index: 3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } - - #error.unsupported { padding: 20px 0; } @@ -367,19 +364,10 @@ footer { padding: 20px; } -.form_section { - clear: right; -} - .inputs { line-height: 18px; } -/* -.add { - font-size: 80%; -} -*/ .inputs > li:only-child input[type=radio] { display: none; } -- GitLab