MOBILE-2430 login: Display label and select in different lines

main
Pau Ferrer Ocaña 2018-06-13 17:12:03 +02:00
parent 0eaa5b4183
commit 070f3c5c6a
1 changed files with 3 additions and 4 deletions

View File

@ -26,9 +26,8 @@
<!-- Pick the site from a list of fixed sites. --> <!-- Pick the site from a list of fixed sites. -->
<div *ngIf="fixedSites" text-wrap> <div *ngIf="fixedSites" text-wrap>
<!-- Display them using a select. --> <!-- Display them using a select. -->
<ion-item *ngIf="!displayAsButtons"> <ion-item *ngIf="!displayAsButtons" margin-vertical>
<!-- @todo: Display label and select in different lines. --> <ion-label stacked for="siteSelect">{{ 'core.login.selectsite' | translate }}</ion-label>
<ion-label for="siteSelect">{{ 'core.login.selectsite' | translate }}</ion-label>
<ion-select formControlName="siteUrl" name="url" placeholder="{{ 'core.login.siteaddress' | translate }}" interface="popover"> <ion-select formControlName="siteUrl" name="url" placeholder="{{ 'core.login.siteaddress' | translate }}" interface="popover">
<ion-option *ngFor="let site of fixedSites" [value]="site.url">{{site.name}}</ion-option> <ion-option *ngFor="let site of fixedSites" [value]="site.url">{{site.name}}</ion-option>
</ion-select> </ion-select>
@ -37,7 +36,7 @@
<!-- Display them using buttons. --> <!-- Display them using buttons. -->
<div *ngIf="displayAsButtons"> <div *ngIf="displayAsButtons">
<p class="padding no-padding-bottom">{{ 'core.login.selectsite' | translate }}</p> <p class="padding no-padding-bottom">{{ 'core.login.selectsite' | translate }}</p>
<a *ngFor="let site of fixedSites" ion-button block (click)="connect(site.url)" title="{{site.name}}">{{site.name}}</a> <a *ngFor="let site of fixedSites" ion-button block (click)="connect(site.url)" title="{{site.name}}" margin-bottom>{{site.name}}</a>
</div> </div>
</div> </div>