Ion-item text not cutting a long line (text-overflow) properly in production

Ionic Framework ionic-v3
2

I have to add this style to app.scss

.label-md {
  margin: 13px 8px 13px 0;
}

ion-label {
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

in the production build, the ion-label and .label-md style is missing in main.css.

1 Like