playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Fix the push example in the docs

pull/214/head
connors 11 years ago
parent
c0e8681729
commit
2864b60781
4 changed files with 16 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

@ -378,9 +378,6 @@ a {
margin-left: 15px; margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); 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 { .table-view li:last-child {
border-bottom: 0; border-bottom: 0;
} }

19
docs/one.html
Unescape View File

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

26
docs/two.html
Unescape View File

@ -9,18 +9,7 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../lib/css/base.css"> <link rel="stylesheet" href="../dist/ratchet.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="css/docs.css"> <link rel="stylesheet" href="css/docs.css">
<link rel="stylesheet" href="css/prettify.css"> <link rel="stylesheet" href="css/prettify.css">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[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"> <link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
</head> </head>
<body ontouchstart=""> <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"> <div class="content">
<ul class="list"> <ul class="table-view">
<li><a href="one.html" data-transition="slide-out">Go back</a>, or try your browser back button.</li> <li>Tap the back button, or try your browser back button.</li>
</ul> </ul>
</div> </div>
</body> </body>
</html> </html>

7
lib/sass/table-views.scss
Unescape View File

@ -12,13 +12,8 @@
padding: 11px 60px 11px 0; // Given extra right padding to accomodate counts, chevrons or buttons padding: 11px 60px 11px 0; // Given extra right padding to accomodate counts, chevrons or buttons
margin-left: 15px; margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, .1); 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 { &:last-child {
border-bottom: 0; border-bottom: 0;
} }

Write Preview
Loading…
Cancel
Save