Skip to content
This repository
Browse code

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

Text-overflow: ellipsis already set.
  • Loading branch information...
commit dde96bd02685611167e9a294b24cca677edade96 1 parent aaeacae
Garann Means authored
2  css/structure/jquery.mobile.button.css
... ...
@@ -1,5 +1,5 @@
1 1
 .ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
2  
-.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
  2
+.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; max-width: 30%; }
3 3
 .ui-btn-inline { display: inline-block; }
4 4
 .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
5 5
 .ui-btn input, .ui-btn button { z-index: 2; }
2  css/structure/jquery.mobile.core.css
@@ -75,7 +75,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
75 75
 .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
76 76
 .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em;  }
77 77
 .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
78  
-.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; }
  78
+.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; }
79 79
 .ui-footer .ui-title { margin: .6em 15px .8em;  }
80 80
 
81 81
 /*content area*/

0 notes on commit dde96bd

Please sign in to comment.
Something went wrong with that request. Please try again.