forked from EVOgeek/Vmeda.Online
MOBILE-4270 popover: Add ion-content to popovers to enable scrolling
parent
2bfc9c73cc
commit
8d101d35ac
|
@ -1,3 +1,4 @@
|
||||||
|
<ion-content>
|
||||||
<ion-list>
|
<ion-list>
|
||||||
<ion-item button class="ion-text-wrap" (click)="onItemClick(item)" *ngFor="let item of items" detail="false"
|
<ion-item button class="ion-text-wrap" (click)="onItemClick(item)" *ngFor="let item of items" detail="false"
|
||||||
[attr.aria-label]="item.text | translate">
|
[attr.aria-label]="item.text | translate">
|
||||||
|
@ -7,3 +8,5 @@
|
||||||
<ion-icon [name]="item.icon" slot="end" aria-hidden="true"></ion-icon>
|
<ion-icon [name]="item.icon" slot="end" aria-hidden="true"></ion-icon>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
<ion-content>
|
||||||
|
<ion-list>
|
||||||
<ion-item button class="ion-text-wrap" (click)="setLockState(true)" *ngIf="discussion.canlock && !discussion.locked" detail="false">
|
<ion-item button class="ion-text-wrap" (click)="setLockState(true)" *ngIf="discussion.canlock && !discussion.locked" detail="false">
|
||||||
<ion-icon name="fas-lock" slot="start" aria-hidden="true"></ion-icon>
|
<ion-icon name="fas-lock" slot="start" aria-hidden="true"></ion-icon>
|
||||||
<ion-label>
|
<ion-label>
|
||||||
|
@ -36,3 +38,5 @@
|
||||||
<p class="item-heading">{{ 'addon.mod_forum.removefromfavourites' | translate }}</p>
|
<p class="item-heading">{{ 'addon.mod_forum.removefromfavourites' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
</ion-list>
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
|
<ion-content>
|
||||||
<core-loading [hideUntil]="loaded" [fullscreen]="false">
|
<core-loading [hideUntil]="loaded" [fullscreen]="false">
|
||||||
|
<ion-list>
|
||||||
<ion-item button class="ion-text-wrap" (click)="editPost()" *ngIf="offlinePost || canEdit" detail="false">
|
<ion-item button class="ion-text-wrap" (click)="editPost()" *ngIf="offlinePost || canEdit" detail="false">
|
||||||
<ion-icon name="fas-pen" slot="start" aria-hidden="true"></ion-icon>
|
<ion-icon name="fas-pen" slot="start" aria-hidden="true"></ion-icon>
|
||||||
<ion-label>
|
<ion-label>
|
||||||
|
@ -12,10 +14,13 @@
|
||||||
<p class="item-heading" *ngIf="offlinePost">{{ 'core.discard' | translate }}</p>
|
<p class="item-heading" *ngIf="offlinePost">{{ 'core.discard' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" [href]="url" *ngIf="url" core-link capture="false" button detail="false" [showBrowserWarning]="false">
|
<ion-item class="ion-text-wrap" [href]="url" *ngIf="url" core-link capture="false" button detail="false"
|
||||||
|
[showBrowserWarning]="false">
|
||||||
<ion-icon name="fas-up-right-from-square" slot="start" aria-hidden="true"></ion-icon>
|
<ion-icon name="fas-up-right-from-square" slot="start" aria-hidden="true"></ion-icon>
|
||||||
<ion-label>
|
<ion-label>
|
||||||
<p class="item-heading">{{ 'core.openinbrowser' | translate }}</p>
|
<p class="item-heading">{{ 'core.openinbrowser' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
</ion-list>
|
||||||
</core-loading>
|
</core-loading>
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
|
<ion-content>
|
||||||
<ion-radio-group [(ngModel)]="selectedMode" (ionChange)="modePicked()">
|
<ion-radio-group [(ngModel)]="selectedMode" (ionChange)="modePicked()">
|
||||||
<ion-item class="ion-text-wrap" *ngFor="let mode of modes">
|
<ion-item class="ion-text-wrap" *ngFor="let mode of modes">
|
||||||
<ion-label>{{ mode.langkey | translate }}</ion-label>
|
<ion-label>{{ mode.langkey | translate }}</ion-label>
|
||||||
<ion-radio slot="end" [value]="mode.key"></ion-radio>
|
<ion-radio slot="end" [value]="mode.key"></ion-radio>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-radio-group>
|
</ion-radio-group>
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<ion-content>
|
||||||
<ion-list>
|
<ion-list>
|
||||||
<ng-container *ngFor="let group of subwikis">
|
<ng-container *ngFor="let group of subwikis">
|
||||||
<ion-item-divider *ngIf="group.label">
|
<ion-item-divider *ngIf="group.label">
|
||||||
|
@ -17,3 +18,4 @@
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<ion-content>
|
||||||
<ion-list [id]="uniqueId" role="menu">
|
<ion-list [id]="uniqueId" role="menu">
|
||||||
<ion-list-header *ngIf="title">
|
<ion-list-header *ngIf="title">
|
||||||
<ion-label>{{title}}</ion-label>
|
<ion-label>{{title}}</ion-label>
|
||||||
|
@ -17,7 +18,8 @@
|
||||||
</ion-icon>
|
</ion-icon>
|
||||||
<ion-spinner *ngIf="item.iconAction == 'spinner'" slot="end" [attr.aria-label]="'core.loading' | translate">
|
<ion-spinner *ngIf="item.iconAction == 'spinner'" slot="end" [attr.aria-label]="'core.loading' | translate">
|
||||||
</ion-spinner>
|
</ion-spinner>
|
||||||
<ion-toggle *ngIf="item.iconAction == 'toggle'" [(ngModel)]="item.toggle" (ionChange)="item.toggleChanged($event)" slot="end">
|
<ion-toggle *ngIf="item.iconAction == 'toggle'" [(ngModel)]="item.toggle" (ionChange)="item.toggleChanged($event)"
|
||||||
|
slot="end">
|
||||||
</ion-toggle>
|
</ion-toggle>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ion-badge class="{{item.badgeClass}}" slot="end" *ngIf="item.badge">
|
<ion-badge class="{{item.badgeClass}}" slot="end" *ngIf="item.badge">
|
||||||
|
@ -28,3 +30,4 @@
|
||||||
</ion-badge>
|
</ion-badge>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
</ion-content>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<ion-content>
|
||||||
<ion-list>
|
<ion-list>
|
||||||
<ion-item button class="ion-text-wrap" (click)="action('download')" *ngIf="downloadCourseEnabled" detail="false">
|
<ion-item button class="ion-text-wrap" (click)="action('download')" *ngIf="downloadCourseEnabled" detail="false">
|
||||||
<ion-icon *ngIf="!prefetch.loading" [name]="prefetch.icon" slot="start" aria-hidden="true"></ion-icon>
|
<ion-icon *ngIf="!prefetch.loading" [name]="prefetch.icon" slot="start" aria-hidden="true"></ion-icon>
|
||||||
|
@ -38,3 +39,4 @@
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
</ion-content>
|
||||||
|
|
Loading…
Reference in New Issue