Skip to content
This repository
Browse code

Adjustments to grid-b and -c to fix BB Storm and Curve. Adjustements …

…to percentages for older browsers (wrapping still occured on IE7 on certain screen widths).
  • Loading branch information...
commit 1988bb14be5f32d49ed5cea52778ed22647ab363 1 parent 36168c6
Jasper de Groot authored June 13, 2012
15  css/structure/jquery.mobile.grid.css
@@ -4,21 +4,20 @@
4 4
 
5 5
 /* grid solo: 100 - single item fallback */
6 6
 .ui-grid-solo .ui-block-a { display: block; float: none; }
7  
-/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping */
  7
+/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
8 8
 /* grid a: 50/50 */
9  
-.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.955%; }
10  
-/* -.5px to fix BB5 wrap issue. */
  9
+.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
11 10
 .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
12 11
 .ui-grid-a .ui-block-a { clear: left; }
13 12
 /* grid b: 33/33/33 */
14  
-.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.3%; }
15  
-.ui-grid-b > :nth-child(n) { width: 33.333%; }
  13
+.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
  14
+.ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
16 15
 .ui-grid-b .ui-block-a { clear: left; }
17 16
 /* grid c: 25/25/25/25 */
18  
-.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.955%; }
19  
-.ui-grid-c > :nth-child(n) { width: 25%; }
  17
+.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; }
  18
+.ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
20 19
 .ui-grid-c .ui-block-a { clear: left; }
21 20
 /* grid d: 20/20/20/20/20 */
22  
-.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.955%; }
  21
+.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; }
23 22
 .ui-grid-d > :nth-child(n) { width: 20%; }
24 23
 .ui-grid-d .ui-block-a { clear: left; }
8  css/structure/jquery.mobile.navbar.css
@@ -18,13 +18,15 @@
18 18
 .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
19 19
 .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
20 20
 .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
21  
-.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn { margin-right: -3px; }
  21
+.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
22 22
 .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
23 23
 .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
24 24
 .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
25  
-.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon { right: 8px; }
  25
+.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  26
+.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  27
+.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
26 28
 .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
27  
-.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 7px; }
  29
+.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
28 30
 
29 31
 .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
30 32
 .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }

0 notes on commit 1988bb1

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