Door check titles are longer than displayable

[miketheman]

I'm submitting a ... (check one with "x")

• bug report
• feature request
• support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
When trying to pick an event for the Door Check, if the titles and time frames are too similar, it's not possible to see which even is which.

Example: Wed May 15 1:30 PM - Introduction ... - there are two such entries today.

Expected behavior:
Trim some of the information displayed in the title to make more characters visible

Related code:

pycon-us-mobile/src/app/pages/door-check/door-check.page.html

Lines 34 to 38 in e02bcd6

	<ion-select [(ngModel)]="product" interface="popover" [interfaceOptions]="{'cssClass': 'mycomponent-wider-popover'}" aria-label="products" label="Product" placeholder="Product">
	<div *ngFor="let product of display_products">
	<ion-select-option [value]="product.id">{{product.name}}</ion-select-option>
	</div>
	</ion-select>

pycon-us-mobile/src/app/pages/door-check/door-check.page.ts

Lines 54 to 56 in e02bcd6

	getProductName(productId: number) {
	return this.redeemable_products.find(x => x.id === productId)?.name
	}

[miketheman]

I'm not 100% certain how to dev/test a door check locally yet, but wanted to capture the issue as it surfaced.