text-wrap fixes

dist/css/ionic-ios7.css

@@ -182,7 +182,7 @@ sub {
 fieldset {
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
-  border: 1px solid silver; }
+  border: 1px solid #c0c0c0; }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
@@ -558,7 +558,7 @@ a.subdued‎ {
     &.bar-footer {
       border-top-width: 1px;
     }*/
-  box-shadow: inset 0 0 1px #999999; }
+  box-shadow: inset 0 0 1px #999; }
   .bar.bar-clear {
     border: none;
     background: none;
@@ -1112,7 +1112,21 @@ a.subdued‎ {
         color: white; }
 
 .item,
-.item-content {
+.item h1,
+.item h2,
+.item h3,
+.item h4,
+.item h5,
+.item h6,
+.item p,
+.item-content,
+.item-content h1,
+.item-content h2,
+.item-content h3,
+.item-content h4,
+.item-content h5,
+.item-content h6,
+.item-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; }
@@ -1141,16 +1155,35 @@ a.item {
   box-shadow: inset 0 0 1px #666666;
   -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; }
 
-.item-text-wrap {
+.item-text-wrap,
+.item-text-wrap h1,
+.item-text-wrap h2,
+.item-text-wrap h3,
+.item-text-wrap h4,
+.item-text-wrap h5,
+.item-text-wrap h6,
+.item-text-wrap p,
+.item-slider.item-text-wrap .item-content,
+.item-body h1,
+.item-body h2,
+.item-body h3,
+.item-body h4,
+.item-body h5,
+.item-body h6,
+.item-body p {
   overflow: auto;
   white-space: normal; }
 
-.item-slider.item-text-wrap {
+.item-slider.item-text-wrap,
+.item-slider.item-text-wrap h1,
+.item-slider.item-text-wrap h2,
+.item-slider.item-text-wrap h3,
+.item-slider.item-text-wrap h4,
+.item-slider.item-text-wrap h5,
+.item-slider.item-text-wrap h6,
+.item-slider.item-text-wrap p {
   overflow: hidden;
   white-space: nowrap; }
-  .item-slider.item-text-wrap .item-content {
-    overflow: auto;
-    white-space: normal; }
 
 .item i {
   display: -webkit-box;
@@ -1626,7 +1659,7 @@ input[type="file"] {
   line-height: 34px; }
 
 select {
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   background-color: white; }
 
 select[multiple],
@@ -1698,7 +1731,7 @@ input[type="checkbox"][readonly] {
   right: 20px;
   transition: 0.2s ease;
   transition-property: left, right;
-  transition-delay: 0s, 0.05s; }
+  transition-delay: 0s, .05s; }
 
 .toggle :checked + .track {
   /* When the toggle is "on" */
@@ -1713,7 +1746,7 @@ input[type="checkbox"][readonly] {
     right: 0;
     left: 20px;
     -webkit-transform: none;
-    transition-delay: 0.05s, 0s; }
+    transition-delay: .05s, 0s; }
 
 .item-radio {
   padding: 0; }
@@ -1988,7 +2021,7 @@ input[type="range"] {
     .button.button-icon:active, .button.button-icon.active {
       background: none;
       box-shadow: none;
-      text-shadow: 0px 0px 10px white; }
+      text-shadow: 0px 0px 10px #fff; }
   .button.block, .button.button-full {
     margin-top: 10px;
     margin-bottom: 10px; }
@@ -2330,9 +2363,9 @@ a.button {
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-animation: spin 0.75s linear infinite;
+  -webkit-animation: spin .75s linear infinite;
-  -moz-animation: spin 0.75s linear infinite;
+  -moz-animation: spin .75s linear infinite;
-  animation: spin 0.75s linear infinite; }
+  animation: spin .75s linear infinite; }
   .icon-loading:before {
     content: "\e144"; }
 
@@ -2345,9 +2378,9 @@ a.button {
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-animation: spin 0.75s linear infinite;
+  -webkit-animation: spin .75s linear infinite;
-  -moz-animation: spin 0.75s linear infinite;
+  -moz-animation: spin .75s linear infinite;
-  animation: spin 0.75s linear infinite; }
+  animation: spin .75s linear infinite; }
   .icon-refreshing:before {
     content: "\e144"; }
 

dist/css/ionic-scoped.css

@@ -1027,7 +1027,7 @@
   .ionic fieldset {
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
-    border: 1px solid silver; }
+    border: 1px solid #c0c0c0; }
   .ionic legend {
     padding: 0;
     /* 2 */
@@ -1324,7 +1324,7 @@
       &.bar-footer {
         border-top-width: 1px;
       }*/
-    box-shadow: inset 0 0 1px #999999; }
+    box-shadow: inset 0 0 1px #999; }
     .ionic .bar.bar-clear {
       border: none;
       background: none;
@@ -1838,7 +1838,21 @@
           background-color: #444444;
           color: white; }
   .ionic .item,
-  .ionic .item-content {
+  .ionic .item h1,
+  .ionic .item h2,
+  .ionic .item h3,
+  .ionic .item h4,
+  .ionic .item h5,
+  .ionic .item h6,
+  .ionic .item p,
+  .ionic .item-content,
+  .ionic .item-content h1,
+  .ionic .item-content h2,
+  .ionic .item-content h3,
+  .ionic .item-content h4,
+  .ionic .item-content h5,
+  .ionic .item-content h6,
+  .ionic .item-content p {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap; }
@@ -1863,15 +1877,34 @@
     background-color: white;
     box-shadow: inset 0 0 1px #666666;
     -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; }
-  .ionic .item-text-wrap {
+  .ionic .item-text-wrap,
+  .ionic .item-text-wrap h1,
+  .ionic .item-text-wrap h2,
+  .ionic .item-text-wrap h3,
+  .ionic .item-text-wrap h4,
+  .ionic .item-text-wrap h5,
+  .ionic .item-text-wrap h6,
+  .ionic .item-text-wrap p,
+  .ionic .item-slider.item-text-wrap .item-content,
+  .ionic .item-body h1,
+  .ionic .item-body h2,
+  .ionic .item-body h3,
+  .ionic .item-body h4,
+  .ionic .item-body h5,
+  .ionic .item-body h6,
+  .ionic .item-body p {
     overflow: auto;
     white-space: normal; }
-  .ionic .item-slider.item-text-wrap {
+  .ionic .item-slider.item-text-wrap,
+  .ionic .item-slider.item-text-wrap h1,
+  .ionic .item-slider.item-text-wrap h2,
+  .ionic .item-slider.item-text-wrap h3,
+  .ionic .item-slider.item-text-wrap h4,
+  .ionic .item-slider.item-text-wrap h5,
+  .ionic .item-slider.item-text-wrap h6,
+  .ionic .item-slider.item-text-wrap p {
     overflow: hidden;
     white-space: nowrap; }
-    .ionic .item-slider.item-text-wrap .item-content {
-      overflow: auto;
-      white-space: normal; }
   .ionic .item i {
     display: -webkit-box;
     display: -webkit-flex;
@@ -2282,7 +2315,7 @@
   .ionic input[type="file"] {
     line-height: 34px; }
   .ionic select {
-    border: 1px solid #cccccc;
+    border: 1px solid #ccc;
     background-color: white; }
   .ionic select[multiple],
   .ionic select[size] {
@@ -2331,7 +2364,7 @@
       border-radius: 50%;
       background: white;
       content: ' ';
-      transition: background-color 0.1s ease-in-out; }
+      transition: background-color .1s ease-in-out; }
   .ionic .checkbox input:after {
     position: absolute;
     top: 34%;
@@ -2344,7 +2377,7 @@
     border-right: 0;
     content: ' ';
     opacity: 0;
-    transition: opacity 0.05s ease-in-out;
+    transition: opacity .05s ease-in-out;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg); }
   .ionic .checkbox input:checked:before {
@@ -2686,7 +2719,7 @@
       .ionic .button.button-icon:active, .ionic .button.button-icon.active {
         background: none;
         box-shadow: none;
-        text-shadow: 0px 0px 10px white; }
+        text-shadow: 0px 0px 10px #fff; }
     .ionic .button.block, .ionic .button.button-full {
       margin-top: 10px;
       margin-bottom: 10px; }
@@ -2938,9 +2971,9 @@
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    -webkit-animation: spin 0.75s linear infinite;
+    -webkit-animation: spin .75s linear infinite;
-    -moz-animation: spin 0.75s linear infinite;
+    -moz-animation: spin .75s linear infinite;
-    animation: spin 0.75s linear infinite; }
+    animation: spin .75s linear infinite; }
     .ionic .icon-loading:before {
       content: "\e144"; }
   .ionic .icon-refreshing {
@@ -2952,9 +2985,9 @@
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    -webkit-animation: spin 0.75s linear infinite;
+    -webkit-animation: spin .75s linear infinite;
-    -moz-animation: spin 0.75s linear infinite;
+    -moz-animation: spin .75s linear infinite;
-    animation: spin 0.75s linear infinite; }
+    animation: spin .75s linear infinite; }
     .ionic .icon-refreshing:before {
       content: "\e144"; }
   .ionic .hidden,

dist/css/ionic.css

@@ -1261,7 +1261,7 @@ sub {
 fieldset {
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
-  border: 1px solid silver; }
+  border: 1px solid #c0c0c0; }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
@@ -1667,7 +1667,7 @@ a.subdued‎ {
     &.bar-footer {
       border-top-width: 1px;
     }*/
-  box-shadow: inset 0 0 1px #999999; }
+  box-shadow: inset 0 0 1px #999; }
   .bar.bar-clear {
     border: none;
     background: none;
@@ -2255,7 +2255,21 @@ a.subdued‎ {
         color: white; }
 
 .item,
-.item-content {
+.item h1,
+.item h2,
+.item h3,
+.item h4,
+.item h5,
+.item h6,
+.item p,
+.item-content,
+.item-content h1,
+.item-content h2,
+.item-content h3,
+.item-content h4,
+.item-content h5,
+.item-content h6,
+.item-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; }
@@ -2284,16 +2298,35 @@ a.item {
   box-shadow: inset 0 0 1px #666666;
   -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; }
 
-.item-text-wrap {
+.item-text-wrap,
+.item-text-wrap h1,
+.item-text-wrap h2,
+.item-text-wrap h3,
+.item-text-wrap h4,
+.item-text-wrap h5,
+.item-text-wrap h6,
+.item-text-wrap p,
+.item-slider.item-text-wrap .item-content,
+.item-body h1,
+.item-body h2,
+.item-body h3,
+.item-body h4,
+.item-body h5,
+.item-body h6,
+.item-body p {
   overflow: auto;
   white-space: normal; }
 
-.item-slider.item-text-wrap {
+.item-slider.item-text-wrap,
+.item-slider.item-text-wrap h1,
+.item-slider.item-text-wrap h2,
+.item-slider.item-text-wrap h3,
+.item-slider.item-text-wrap h4,
+.item-slider.item-text-wrap h5,
+.item-slider.item-text-wrap h6,
+.item-slider.item-text-wrap p {
   overflow: hidden;
   white-space: nowrap; }
-  .item-slider.item-text-wrap .item-content {
-    overflow: auto;
-    white-space: normal; }
 
 .item i {
   display: -webkit-box;
@@ -2769,7 +2802,7 @@ input[type="file"] {
   line-height: 34px; }
 
 select {
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   background-color: white; }
 
 select[multiple],
@@ -2824,7 +2857,7 @@ input[type="checkbox"][readonly] {
     border-radius: 50%;
     background: white;
     content: ' ';
-    transition: background-color 0.1s ease-in-out; }
+    transition: background-color .1s ease-in-out; }
 
 /* the checkmark within the box */
 .checkbox input:after {
@@ -2839,7 +2872,7 @@ input[type="checkbox"][readonly] {
   border-right: 0;
   content: ' ';
   opacity: 0;
-  transition: opacity 0.05s ease-in-out;
+  transition: opacity .05s ease-in-out;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg); }
 
@@ -3209,7 +3242,7 @@ input[type="range"] {
     .button.button-icon:active, .button.button-icon.active {
       background: none;
       box-shadow: none;
-      text-shadow: 0px 0px 10px white; }
+      text-shadow: 0px 0px 10px #fff; }
   .button.block, .button.button-full {
     margin-top: 10px;
     margin-bottom: 10px; }
@@ -3656,9 +3689,9 @@ a.button {
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-animation: spin 0.75s linear infinite;
+  -webkit-animation: spin .75s linear infinite;
-  -moz-animation: spin 0.75s linear infinite;
+  -moz-animation: spin .75s linear infinite;
-  animation: spin 0.75s linear infinite; }
+  animation: spin .75s linear infinite; }
   .icon-loading:before {
     content: "\e144"; }
 
@@ -3671,9 +3704,9 @@ a.button {
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-animation: spin 0.75s linear infinite;
+  -webkit-animation: spin .75s linear infinite;
-  -moz-animation: spin 0.75s linear infinite;
+  -moz-animation: spin .75s linear infinite;
-  animation: spin 0.75s linear infinite; }
+  animation: spin .75s linear infinite; }
   .icon-refreshing:before {
     content: "\e144"; }
 

scss/ionic/_items.scss

@@ -82,7 +82,21 @@
 
 // Handle text overflow
 .item,
-.item-content {
+.item h1, 
+.item h2, 
+.item h3, 
+.item h4, 
+.item h5, 
+.item h6, 
+.item p,
+.item-content,
+.item-content h1, 
+.item-content h2, 
+.item-content h3, 
+.item-content h4, 
+.item-content h5, 
+.item-content h6, 
+.item-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -125,17 +139,35 @@ a.item {
   -webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out;
 }
 
-.item-text-wrap {
+.item-text-wrap,
+.item-text-wrap h1,
+.item-text-wrap h2,
+.item-text-wrap h3,
+.item-text-wrap h4,
+.item-text-wrap h5,
+.item-text-wrap h6,
+.item-text-wrap p,
+.item-slider.item-text-wrap .item-content,
+.item-body h1,
+.item-body h2,
+.item-body h3,
+.item-body h4,
+.item-body h5,
+.item-body h6,
+.item-body p {
   overflow: auto;
   white-space: normal;
 }
-.item-slider.item-text-wrap {
+.item-slider.item-text-wrap,
+.item-slider.item-text-wrap h1,
+.item-slider.item-text-wrap h2,
+.item-slider.item-text-wrap h3,
+.item-slider.item-text-wrap h4,
+.item-slider.item-text-wrap h5,
+.item-slider.item-text-wrap h6,
+.item-slider.item-text-wrap p {
   overflow: hidden;
   white-space: nowrap;
-  .item-content {
-    overflow: auto;
-    white-space: normal;   
-  }
 }
 
 

test/lists.html

@@ -450,7 +450,7 @@
 
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-    <script src="../dist/js/ionic.js"></script>
+    <!--<script src="../dist/js/ionic.js"></script>-->
     <script>
       $("#btn-test-left").click(function(){
 
@@ -494,10 +494,10 @@
 
         return false;
       }); 
-      var list = document.getElementById('content');
+      //var list = document.getElementById('content');
-      var lv = new ionic.views.ListView({
+      // var lv = new ionic.views.ListView({
-        el: list
+      //   el: list
-      });
+      // });
     </script>
 
   </body>