Browse Source

Changing to table-views in the example app and components

pull/214/head
connors 12 years ago
parent
commit
0a978829f2
  1. 6
      test/app/choose-movie.html
  2. 4
      test/app/choose-theater.html
  3. 6
      test/app/index.html
  4. 4
      test/app/theaters.html
  5. 36
      test/components/index.html

6
test/app/choose-movie.html

@ -55,8 +55,8 @@
<div class="content">
<ul class="list">
<li class="list-divider">Recommended movies</li>
<ul class="table-view">
<li class="table-view-divider">Recommended movies</li>
<li>
<strong>Argo</strong>
<p>Lorem ipsum dolor sit amet</p>
@ -72,7 +72,7 @@
<p>Lorem ipsum dolor sit amet</p>
<a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
</li>
<li class="list-divider">Top movies</li>
<li class="table-view-divider">Top movies</li>
<li>
<strong>Movie 4</strong>
<p>Lorem ipsum dolor sit amet</p>

4
test/app/choose-theater.html

@ -51,8 +51,8 @@
<div class="content">
<ul class="list">
<li class="list-divider">Theaters nearby</li>
<ul class="table-view">
<li class="table-view-divider">Theaters nearby</li>
<li>
<strong>Metreon 16</strong>
<p>1.3 miles away</p>

6
test/app/index.html

@ -66,8 +66,8 @@
</ul>
</div>
<ul class="list">
<li class="list-divider">Recommended movies</li>
<ul class="table-view">
<li class="table-view-divider">Recommended movies</li>
<li>
<a href="choose-theater.html">
<strong>Argo</strong>
@ -89,7 +89,7 @@
<span class="chevron"></span>
</a>
</li>
<li class="list-divider">Top movies</li>
<li class="table-view-divider">Top movies</li>
<li>
<a href="choose-theater.html" data-transition="slide-in">
<strong>Movie 4</strong>

4
test/app/theaters.html

@ -52,8 +52,8 @@
<div class="content">
<ul class="list">
<li class="list-divider">Theaters nearby</li>
<ul class="table-view">
<li class="table-view-divider">Theaters nearby</li>
<li>
<a href="choose-movie.html" data-transition="slide-in">
<strong>Metreon 16</strong>

36
test/components/index.html

@ -70,15 +70,15 @@
Filter
</a>
</header>
<ul class="list">
<ul class="table-view">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="list-divider">With counts</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="list-divider">With chevrons</li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
@ -352,28 +352,28 @@
<span class="count">5</span>
<!-- LIST ============================================================ -->
<ul class="list">
<ul class="table-view">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="list-divider">With counts</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="list-divider">With chevrons</li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="list-divider">With chevrons &amp; counts</li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-main">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count-negative">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count-positive">1</span></li>
<li class="list-divider">With buttons</li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-main">Button</a></li>
<li>Item3 <a class="button-positive">Button</a></li>
<li>Item4 <a class="button-negative">Button</a></li>
<li class="list-divider">With a toggle</li>
<li class="table-view-divider">With a toggle</li>
<li>
Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4
<div class="toggle">
@ -396,29 +396,29 @@
</li>
</ul>
<ul class="list inset">
<li class="list-divider">Normal</li>
<ul class="table-view inset">
<li class="table-view-divider">Normal</li>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="list-divider">With counts</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="list-divider">With chevrons</li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="list-divider">With chevrons &amp; counts</li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count">1</span></li>
<li class="list-divider">With buttons</li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-main">Button</a></li>
<li>Item3 <a class="button-positive">Button</a></li>
<li>Item4 <a class="button-negative">Button</a></li>
<li class="list-divider">With a toggle</li>
<li class="table-view-divider">With a toggle</li>
<li>
Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4
<div class="toggle">
@ -437,11 +437,11 @@
<div class="toggle-handle"></div>
</div>
</li>
<li class="list-divider">Bottom list-divider test</li>
<li class="table-view-divider">Bottom table-view-divider test</li>
</ul>
<!-- List with <a>'s -->
<ul class="inset list">
<ul class="inset table-view">
<li>
<a href="#">Item1</a>
</li>

Loading…
Cancel
Save