Skip to content
This repository
Browse code

Collapsibles: made non-inset listviews exactly fit inside ui-collapsi…

…ble-content.
  • Loading branch information...
commit f4c07c4ad12017b5538f40bc11e56217b6bcdc37 1 parent 6d6c4bb
Jasper de Groot authored July 23, 2012

Showing 1 changed file with 10 additions and 2 deletions. Show diff stats Hide diff stats

  1. 12  css/structure/jquery.mobile.listview.css
12  css/structure/jquery.mobile.listview.css
... ...
@@ -1,7 +1,9 @@
1 1
 .ui-listview { margin: 0; }
2 2
 ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
3 3
 .ui-content .ui-listview { margin: -15px; }
  4
+.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
4 5
 .ui-content .ui-listview-inset { margin: 1em 0; }
  6
+.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
5 7
 .ui-listview, .ui-li { list-style:none; padding:0; }
6 8
 .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
7 9
 .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
@@ -13,6 +15,10 @@ ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui
13 15
 ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
14 16
 .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
15 17
 .ui-li-last, .ui-li.ui-field-contain.ui-li-last { border-bottom-width: 1px; }
  18
+.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; }
  19
+.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
  20
+.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
  21
+.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { border-bottom-right-radius: inherit; }
16 22
 .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
17 23
 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
18 24
 .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
@@ -44,10 +50,12 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
44 50
 
45 51
 .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
46 52
 
47  
-.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
  53
+.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
  54
+.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; }
  55
+.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
  56
+.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; }
48 57
 .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
49 58
 
50  
-.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
51 59
 .ui-li.ui-screen-hidden{ display:none; }
52 60
 /* Odd iPad positioning issue. */
53 61
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

0 notes on commit f4c07c4

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