From 088bcef703839858140b280d6fc93157eb12a910 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Sun, 22 Sep 2013 21:09:45 -0700
Subject: [PATCH] More popover stuff

---
 dist/ratchet.css                       |  8 ++---
 docs/index.html                        | 45 ++++++++++++--------------
 examples/components/classic/index.html | 28 ++++++++--------
 examples/components/default/index.html | 28 ++++++++--------
 lib/sass/popovers.scss                 |  5 ---
 lib/sass/table-views.scss              |  3 +-
 6 files changed, 50 insertions(+), 67 deletions(-)

diff --git a/dist/ratchet.css b/dist/ratchet.css
index a70bec0..b38f510 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -475,12 +475,13 @@ strong {
 
 .popover .table-view {
   width: auto;
-  max-height: 250px;
+  max-height: 300px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   overflow: auto;
   background-color: #fff;
+  border-radius: 12px;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -933,11 +934,6 @@ input[type="button"] {
   transform: translate3d(0, 0, 0);
 }
 
-.popover-content {
-  overflow: hidden;
-  border-radius: 12px;
-}
-
 .backdrop {
   position: fixed;
   top: 0;
diff --git a/docs/index.html b/docs/index.html
index dd5a901..c8c9de5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -959,18 +959,16 @@ document
                   Right
                 </a>
               </header>
-              <div class="popover-content">
-                <ul class="table-view">
-                  <li>Item1</li>
-                  <li>Item2</li>
-                  <li>Item3</li>
-                  <li>Item4</li>
-                  <li>Item5</li>
-                  <li>Item6</li>
-                  <li>Item7</li>
-                  <li>Item8</li>
-                </ul>
-              </div>
+              <ul class="table-view">
+                <li>Item1</li>
+                <li>Item2</li>
+                <li>Item3</li>
+                <li>Item4</li>
+                <li>Item5</li>
+                <li>Item6</li>
+                <li>Item7</li>
+                <li>Item8</li>
+              </ul>
             </div>
           </div>
 
@@ -985,19 +983,16 @@ document
       Right
     &lt;/a&gt;
   &lt;/header&gt;
-
-  &lt;div class=&quot;popover-content&quot;&gt;
-    &lt;ul class=&quot;table-view&quot;&gt;
-      &lt;li&gt;Item1&lt;/li&gt;
-      &lt;li&gt;Item2&lt;/li&gt;
-      &lt;li&gt;Item3&lt;/li&gt;
-      &lt;li&gt;Item4&lt;/li&gt;
-      &lt;li&gt;Item5&lt;/li&gt;
-      &lt;li&gt;Item6&lt;/li&gt;
-      &lt;li&gt;Item7&lt;/li&gt;
-      &lt;li&gt;Item8&lt;/li&gt;
-    &lt;/ul&gt;
-  &lt;/div&gt;
+  &lt;ul class=&quot;table-view&quot;&gt;
+    &lt;li&gt;Item1&lt;/li&gt;
+    &lt;li&gt;Item2&lt;/li&gt;
+    &lt;li&gt;Item3&lt;/li&gt;
+    &lt;li&gt;Item4&lt;/li&gt;
+    &lt;li&gt;Item5&lt;/li&gt;
+    &lt;li&gt;Item6&lt;/li&gt;
+    &lt;li&gt;Item7&lt;/li&gt;
+    &lt;li&gt;Item8&lt;/li&gt;
+  &lt;/ul&gt;
 &lt;/div&gt;
 </pre>
 
diff --git a/examples/components/classic/index.html b/examples/components/classic/index.html
index adb10fc..a2b6643 100644
--- a/examples/components/classic/index.html
+++ b/examples/components/classic/index.html
@@ -45,21 +45,19 @@
         Filter
       </a>
     </header>
-    <div class="popover-content">
-      <ul class="table-view">
-        <li>Item1</li>
-        <li>Item2</li>
-        <li>Item3</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="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>
-      </ul>
-    </div>
+    <ul class="table-view">
+      <li>Item1</li>
+      <li>Item2</li>
+      <li>Item3</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="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>
+    </ul>
   </div>
 
   <div class="content">
diff --git a/examples/components/default/index.html b/examples/components/default/index.html
index 6306e9e..4717d6f 100644
--- a/examples/components/default/index.html
+++ b/examples/components/default/index.html
@@ -45,21 +45,19 @@
         Filter
       </a>
     </header>
-    <div class="popover-content">
-      <ul class="table-view">
-        <li>Item1</li>
-        <li>Item2</li>
-        <li>Item3</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="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>
-      </ul>
-    </div>
+    <ul class="table-view">
+      <li>Item1</li>
+      <li>Item2</li>
+      <li>Item3</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="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>
+    </ul>
   </div>
 
   <div class="content">
diff --git a/lib/sass/popovers.scss b/lib/sass/popovers.scss
index 7fc64b7..54c408a 100644
--- a/lib/sass/popovers.scss
+++ b/lib/sass/popovers.scss
@@ -43,11 +43,6 @@
   }
 }
 
-.popover-content {
-  overflow: hidden;
-  border-radius: 12px;
-}
-
 // Backdrop (used as invisible touch escape)
 // --------------------------------------------------
 
diff --git a/lib/sass/table-views.scss b/lib/sass/table-views.scss
index 026c359..9c3334a 100644
--- a/lib/sass/table-views.scss
+++ b/lib/sass/table-views.scss
@@ -124,11 +124,12 @@
 
 .popover .table-view {
   width: auto;
-  max-height: 250px;
+  max-height: 300px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   overflow: auto;
   background-color: #fff;
+  border-radius: 12px;
   -webkit-overflow-scrolling: touch;
 }
\ No newline at end of file