Skip to content
This repository
Browse code

Switched from line-height to text-indent to accessibly hide buttons. …

…Fixes #1927

Was causing an vertical scroll bar to appear in FF9 if a button at the
end of the content div is disabled / enabled. Changed '''line-height:
999px''' to '''text-indent: -9999px'''. Thanks n0v1!
  • Loading branch information...
commit b0d261ebe0ebe6303c352b8e3b44183dcb665326 1 parent ba9d5a4
Todd Parker authored January 19, 2012

Showing 1 changed file with 1 addition and 1 deletion. Show diff stats Hide diff stats

  1. 2  css/structure/jquery.mobile.button.css
2  css/structure/jquery.mobile.button.css
@@ -47,4 +47,4 @@
47 47
 .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
48 48
 
49 49
 /*hiding native button,inputs */
50  
-.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; line-height: 999px; }
  50
+.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }

0 notes on commit b0d261e

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