Closed aspidvip closed 7 years ago
How can I recreate this issue?
Thanks, Dan
forum.html
<ion-header class="forum">
<ion-navbar>
<button ion-button menuToggle second (click)="menu_enable()">
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>
{{ 'forum.title' | translate}}
</ion-title>
</ion-navbar>
</ion-header>
<ion-content fullscreen>
<ion-list>
<button *ngFor="let item of LoadForum.catalog" ion-item (click)="NextPage(item)">
<ion-icon class="icon_forum" item-left name="chatboxes"></ion-icon>
<h2>{{ item.name_ru }}</h2>
<p class="chat_pod">{{ item.opis }}</p>
</button>
</ion-list>
</ion-content>
forum.scss
.chat_pod {
white-space: pre-line;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
vertical-align: middle;
font-size: 0.7em;
}
Not displayed correctly:
Correct display:
can you check the generated css if it has this line -webkit-line-clamp: 2;
Hello all! As it seems it has been a while since there was any activity on this issue i will be closing it for now. Feel free to comment if you are still running into this issue. Thanks for using Ionic!
https://forum.ionicframework.com/ http://ionicworldwide.herokuapp.com/
Short description of the problem:
Does not work css -webkit-line-clamp ionic-app-screipts 1.2.5:
In version 1.0.0 everything worked
Steps to reproduce:
package.json:
Your system information: Cordova CLI: 6.5.0 Ionic Framework Version: 2.3.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.2.5 ios-deploy version: Not installed ios-sim version: Not installed OS: Windows 8 Node Version: v6.10.1 Xcode version: Not installed