Skip to content
This repository
Browse code

Fixes #3341 - Filled gap caused by subpixel problem with negative mar…

…gin.
  • Loading branch information...
commit de4c5775ea51d02ff180305c657e69a987e527a8 1 parent a6a0ba4
Jasper de Groot authored

Showing 1 changed file with 17 additions and 5 deletions. Show diff stats Hide diff stats

  1. 22  css/structure/jquery.mobile.navbar.css
22  css/structure/jquery.mobile.navbar.css
... ...
@@ -1,8 +1,20 @@
1  
-.ui-navbar { overflow: hidden; }
2  
-.ui-navbar ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
3  
-.ui-navbar li .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
4  
-.ui-navbar li .ui-btn { margin-right: -1px; }
5  
-.ui-navbar li:last-child .ui-btn { margin-right: 0; }
  1
+.ui-navbar { max-width: 100%; }
  2
+.ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow:hidden; }
  3
+.ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
  4
+.ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
  5
+
  6
+/* fixing gaps caused by subpixel problem */
  7
+.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
  8
+.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
  9
+.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  10
+.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn { margin-right: -3px; }
  11
+.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
  12
+.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
  13
+.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  14
+.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon { right: 8px; }
  15
+.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
  16
+.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 7px; }
  17
+
6 18
 .ui-header .ui-navbar li .ui-btn,
7 19
 .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
8 20
 .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }

0 notes on commit de4c577

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