Browse Source

Fix the push example in the docs

pull/214/head
connors 11 years ago
parent
commit
2864b60781
  1. 3
      dist/ratchet.css
  2. 19
      docs/one.html
  3. 26
      docs/two.html
  4. 7
      lib/sass/table-views.scss

3
dist/ratchet.css vendored

@ -378,9 +378,6 @@ a {
margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table-view li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table-view li:last-child {
border-bottom: 0;
}

19
docs/one.html

@ -9,18 +9,7 @@
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../lib/css/base.css">
<link rel="stylesheet" href="../lib/css/bars.css">
<link rel="stylesheet" href="../lib/css/lists.css">
<link rel="stylesheet" href="../lib/css/forms.css">
<link rel="stylesheet" href="../lib/css/buttons.css">
<link rel="stylesheet" href="../lib/css/chevrons.css">
<link rel="stylesheet" href="../lib/css/counts.css">
<link rel="stylesheet" href="../lib/css/segmented-controllers.css">
<link rel="stylesheet" href="../lib/css/popovers.css">
<link rel="stylesheet" href="../lib/css/sliders.css">
<link rel="stylesheet" href="../lib/css/toggles.css">
<link rel="stylesheet" href="../lib/css/push.css">
<link rel="stylesheet" href="../dist/ratchet.css">s
<link rel="stylesheet" href="css/docs.css">
<link rel="stylesheet" href="css/prettify.css">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -35,9 +24,11 @@
<link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
</head>
<body ontouchstart="">
<header class="bar-title">
<h1 class="title">Push</h1>
</header>
<div class="content">
<ul class="list">
<ul class="table-view">
<li>
<a href="two.html" data-transition="slide-in" data-selector=".iphone-content">
Load new page with push

26
docs/two.html

@ -9,18 +9,7 @@
<link rel="shortcut icon" href="favicon.ico"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../lib/css/base.css">
<link rel="stylesheet" href="../lib/css/bars.css">
<link rel="stylesheet" href="../lib/css/lists.css">
<link rel="stylesheet" href="../lib/css/forms.css">
<link rel="stylesheet" href="../lib/css/buttons.css">
<link rel="stylesheet" href="../lib/css/chevrons.css">
<link rel="stylesheet" href="../lib/css/counts.css">
<link rel="stylesheet" href="../lib/css/segmented-controllers.css">
<link rel="stylesheet" href="../lib/css/popovers.css">
<link rel="stylesheet" href="../lib/css/sliders.css">
<link rel="stylesheet" href="../lib/css/toggles.css">
<link rel="stylesheet" href="../lib/css/push.css">
<link rel="stylesheet" href="../dist/ratchet.css">
<link rel="stylesheet" href="css/docs.css">
<link rel="stylesheet" href="css/prettify.css">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -35,11 +24,16 @@
<link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
</head>
<body ontouchstart="">
<header class="bar-title">
<a class="button-prev" href="one.html" data-transition="slide-out">
Back
</a>
<h1 class="title">Push</h1>
</header>
<div class="content">
<ul class="list">
<li><a href="one.html" data-transition="slide-out">Go back</a>, or try your browser back button.</li>
</ul>
<ul class="table-view">
<li>Tap the back button, or try your browser back button.</li>
</ul>
</div>
</body>
</html>

7
lib/sass/table-views.scss

@ -12,13 +12,8 @@
padding: 11px 60px 11px 0; // Given extra right padding to accomodate counts, chevrons or buttons
margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
// Give top border to first list items
&:first-child {
border-top: 1px solid rgba(0, 0, 0, .1);
}
// Remove the border from the last list item
// Remove the border from the last table view item
&:last-child {
border-bottom: 0;
}

Loading…
Cancel
Save