From 96598b626cc9526bfba9513350ec4052165e2273 Mon Sep 17 00:00:00 2001 From: scottjehl Date: Sun, 10 Oct 2010 16:29:05 -0400 Subject: [PATCH] all button inner divs now overflow to ellipsis. Removed unnecessary styles in navbar. --- css/jquery.mobile.button.css | 2 +- css/jquery.mobile.navbar.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/jquery.mobile.button.css b/css/jquery.mobile.button.css index e27e4022..640ad044 100644 --- a/css/jquery.mobile.button.css +++ b/css/jquery.mobile.button.css @@ -5,7 +5,7 @@ */ .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; height: 100%; } +.ui-btn-inner { padding: .6em 25px; display: block; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-btn-text { } .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } .ui-btn-icon-notext { display: block; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } diff --git a/css/jquery.mobile.navbar.css b/css/jquery.mobile.navbar.css index ad36c05e..2c00b758 100644 --- a/css/jquery.mobile.navbar.css +++ b/css/jquery.mobile.navbar.css @@ -13,7 +13,7 @@ .ui-navbar li .ui-btn:last-child { margin-right: 0; } .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } -.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } /*expanded page styles*/ .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }