From 088454dc1ae15c444644899d0935d5b4bee0d7db Mon Sep 17 00:00:00 2001 From: Mat Marquis Date: Thu, 22 Sep 2011 16:56:37 -0400 Subject: [PATCH] =?UTF-8?q?Fixes=20#1392=20=E2=80=94=20Positions=20.ui-ico?= =?UTF-8?q?n=20on=20lower=20z-index=20than=20.ui-btn-text,=20ensuring=20th?= =?UTF-8?q?e=20click=20will=20register=20on=20the=20latter.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- themes/default/jquery.mobile.button.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/themes/default/jquery.mobile.button.css b/themes/default/jquery.mobile.button.css index 6192ca7f..e229ca10 100644 --- a/themes/default/jquery.mobile.button.css +++ b/themes/default/jquery.mobile.button.css @@ -9,8 +9,9 @@ .ui-btn-inline { display: inline-block; } .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } -.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; } +.ui-btn-icon-notext { width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; } .ui-btn-icon-notext .ui-btn-inner { padding: 0; } +.ui-btn-text { position: relative; z-index: 1; } .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; } .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; } .ui-header .ui-btn-icon-left .ui-btn-inner, @@ -34,7 +35,7 @@ .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; } .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } .ui-btn-icon-left .ui-icon { left: 10px; } -.ui-btn-icon-right .ui-icon {right: 10px; } +.ui-btn-icon-right .ui-icon { right: 10px; z-index: 0; } .ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }