Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

fixed item ordering problems with css

Signed-off-by: Jonathan Fielding <j.fielding@me.com>
  • Loading branch information...
commit 56ed6ca5e5518358b46e1bc9e5bb367333eae43a 1 parent 23d174d
Jonathan Fielding authored
Showing with 37 additions and 11 deletions.
  1. +18 −8 modules/sample/index.html
  2. +19 −3 themes/AppBoilerplate/style.css
26 modules/sample/index.html
View
@@ -13,10 +13,6 @@
</div><!-- /header -->
<div data-role="content">
- <form>
- <input type="search" />
- </form>
-
<ul id="list_todo" data-role="listview">
<li>
<a href="#dialog_item">
@@ -30,11 +26,25 @@
<p>Lorem ipsum</p>
</a>
</li>
+ <li>
+ <a href="#dialog_item">
+ <h2>List item 2</h2>
+ <p>Lorem ipsum</p>
+ </a>
+ </li>
+ <li>
+ <a href="#dialog_item">
+ <h2>List item 2</h2>
+ <p>Lorem ipsum</p>
+ </a>
+ </li>
+ <li>
+ <a href="#dialog_item">
+ <h2>List item 2</h2>
+ <p>Lorem ipsum</p>
+ </a>
+ </li>
</ul>
- <a href="#" data-role="button" data-theme="a">theme A</a>
- <a href="#" data-role="button" data-theme="b">theme B</a>
- <a href="#" data-role="button" data-theme="c">theme C</a>
- <a href="#" data-role="button" data-theme="d">theme D</a>
</div><!-- /content -->
<div data-role="footer" data-position="fixed" data-fullscreen="true">
22 themes/AppBoilerplate/style.css
View
@@ -4,21 +4,37 @@ bottom content in fullscreen mode
*/
.ui-page-footer-fullscreen .ui-content{
- padding-bottom: 39px;
+ padding-bottom: 50px;
}
.ui-page-header-fullscreen .ui-content{
- padding-top: 39px;
+ padding-top: 54px;
}
.ui-page-header-fullscreen .ui-content .ui-listview {
margin: 0px 0px -15px;
}
+.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
+ margin: -15px 0px -15px;
+}
+
.ui-page-footer-fullscreen .ui-content .ui-listview {
- margin: -15px 0px 0px;
+ margin: -15px 0px -11px;
}
.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview {
margin: 0px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
+ margin: -15px 0px 0px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child:last-child{
+ margin: -15px 0px -9px;
+}
+
+.ui-page-footer-fullscreen .ui-content a[data-role=button]{
+ margin-bottom: 0px;
}
Please sign in to comment.
Something went wrong with that request. Please try again.