EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3947 datetime: Display placeholder if datetime value is undefined

main
Dani Palou 2024-03-11 12:56:58 +01:00
parent 864087c52a
commit 7287a9b298
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/addons/userprofilefield/datetime/component/addon-user-profile-field-datetime.html
View File

@ -19,7 +19,12 @@
</label> </label>
</ion-label> </ion-label>
<ion-datetime-button datetime="profile-field-datetime-{{field.shortname}}" id="profile-field-datetime-{{field.shortname}}-button" /> <ion-datetime-button datetime="profile-field-datetime-{{field.shortname}}" id="profile-field-datetime-{{field.shortname}}-button">
<ng-container *ngIf="control?.value === undefined">
<span slot="date-target">{{ 'core.choosedots' | translate }}</span>
<span slot="time-target">{{ 'core.choosedots' | translate }}</span>
</ng-container>
</ion-datetime-button>
<ion-modal [keepContentsMounted]="true"> <ion-modal [keepContentsMounted]="true">
<ng-template> <ng-template>
<ion-datetime id="profile-field-datetime-{{field.shortname}}" [formControlName]="modelName" <ion-datetime id="profile-field-datetime-{{field.shortname}}" [formControlName]="modelName"

5
src/theme/theme.base.scss
View File

@ -2022,6 +2022,11 @@ ion-item.item-label-stacked ion-datetime-button {
align-self: self-end; align-self: self-end;
} }
ion-datetime-button p {
margin-top: 4px;
margin-bottom: 4px;
}
// Table App styles // Table App styles
table.core-table { table.core-table {
border-collapse: collapse; border-collapse: collapse;