fix(item): Fix css overflow overrides for .item-text-wrap

ionic-team · Mar 31, 2014 · 04b4d77 · 04b4d77
1 parent 441a21c
commit 04b4d77
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 4 deletions.
diff --git a/scss/_items.scss b/scss/_items.scss
@@ -202,6 +202,7 @@ a.item-content {
 }
 
 .item-text-wrap .item,
+.item-text-wrap .item-content,
 .item-text-wrap,
 .item-text-wrap h1,
 .item-text-wrap h2,
@@ -218,7 +219,7 @@ a.item-content {
 .item-body h5,
 .item-body h6,
 .item-body p {
-  overflow: hidden;
+  overflow: visible;
   white-space: normal;
 }
 .item-complex.item-text-wrap,
@@ -229,8 +230,8 @@ a.item-content {
 .item-complex.item-text-wrap h5,
 .item-complex.item-text-wrap h6,
 .item-complex.item-text-wrap p {
-  overflow: hidden;
-  white-space: nowrap;
+  overflow: visible;
+  white-space: normal;
 }
 
 

diff --git a/test/html/cards.html b/test/html/cards.html
@@ -15,7 +15,7 @@
       <h1 class="title">Cards</h1>
     </header>
 
-    <ion-content has-header="true" class="ionic-pseudo">
+    <ion-content class="has-header">
 
       <div class="card">
         <div class="item item-text-wrap">
@@ -33,6 +33,26 @@ <h1 class="title">Cards</h1>
         </div>
       </div>
 
+      <div class="card">
+        <div class="item item-complex item-text-wrap">
+          <div class="item-content">
+            This is a basic Card with some wrapping text.
+            This is a basic Card with some wrapping text.
+            This is a basic Card with some wrapping text.
+          </div>
+        </div>
+      </div>
+
+      <div class="card item-text-wrap">
+        <div class="item item-complex">
+          <div class="item-content">
+            This is a basic Card with some wrapping text.
+            This is a basic Card with some wrapping text.
+            This is a basic Card with some wrapping text.
+          </div>
+        </div>
+      </div>
+
       <div class="card">
         <div class="item item-divider">
           I'm a Header in a Card!