javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Adam Bradley
2014-03-31 11:26:34 -05:00
parent 441a21c494
commit 04b4d771c6
2 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_items.scss
View File

@@ -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;
}

22
test/html/cards.html
View File

@@ -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 @@
</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!