Browse files

Fix for #3262 - set max-width for header/footer buttons and title

Text-overflow: ellipsis already set.
  • Loading branch information...
1 parent 61595dd commit 226384d87298e8335d8572bd63d4f17ee10cd190 @garann garann committed with scottjehl Dec 24, 2011
Showing with 2 additions and 2 deletions.
  1. +1 −1 css/structure/jquery.mobile.button.css
  2. +1 −1 css/structure/jquery.mobile.core.css
View
2 css/structure/jquery.mobile.button.css
@@ -1,5 +1,5 @@
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
-.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
+.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; max-width: 30%; }
.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-btn input, .ui-btn button { z-index: 2; }
View
2 css/structure/jquery.mobile.core.css
@@ -69,7 +69,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
.ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; }
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
+.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-footer .ui-title { margin: .6em 15px .8em; }
.ui-header-fixed .ui-btn {
z-index: 10;

0 comments on commit 226384d

Please sign in to comment.