css - webkit box orient styling disappears from styling -
in angular app (i'm on version 4.3.1) i'm adding css ellipsis after multiple lines.
this, use following css code in sass.
.ellipsis { -webkit-box-orient: vertical; display: block; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } for reason, box-orient line gets removed styling transpile, causing ellipsis not work. seems happen in angular , ionic apps.
wrapping -webkit-box-orient in following autoprefixer code seems solve issue.
.ellipsis { /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ display: block; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
Comments
Post a Comment