From 39bf32394ca2efe491b8da943e2ff177e8aacbc2 Mon Sep 17 00:00:00 2001 From: scottjehl Date: Tue, 5 Oct 2010 23:47:48 -0400 Subject: [PATCH] fixes to no-text icon presentation --- css/jQuery.mobile.button.css | 4 ++-- css/jQuery.mobile.listview.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/css/jQuery.mobile.button.css b/css/jQuery.mobile.button.css index 221301de..2362115e 100644 --- a/css/jQuery.mobile.button.css +++ b/css/jQuery.mobile.button.css @@ -5,10 +5,10 @@ */ .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; } .ui-header .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } -.ui-btn-inner { padding: .6em 25px; display: block; } +.ui-btn-inner { padding: .6em 25px; display: block; height: 100%; } .ui-btn-text { } .ui-header .ui-btn-inner { padding: .4em 8px .5em; } -.ui-btn-icon-notext { width: 20px; height: 20px; } +.ui-btn-icon-notext { display: block; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } .ui-btn-icon-notext .ui-btn-inner { padding: 0; } .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; } .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; } diff --git a/css/jQuery.mobile.listview.css b/css/jQuery.mobile.listview.css index 8a6c588a..e6c5adb5 100644 --- a/css/jQuery.mobile.listview.css +++ b/css/jQuery.mobile.listview.css @@ -22,6 +22,6 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid .ui-li-aside { float: right; width: 25%; text-align: right; margin: .3em 0; } .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; } .ui-li-link-alt { position: absolute; width: 30px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; } -.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 5px; top: 50%; margin-top: -11px; } +.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 5px; top: 50%; margin-top: -11px; border-bottom-width: 1px; } .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; } .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } \ No newline at end of file