CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3149 module: Show 2-buttons on row on collapsible footer

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2022-02-28 10:15:53 +01:00
parent 521d4cec4b
commit 952bfd1ddf
6 changed files with 26 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/addons/mod/bigbluebuttonbn/components/index/index.html
View File

@ -103,7 +103,7 @@
</ng-container> </ng-container>
<div collapsible-footer *ngIf="!showLoading" slot="fixed"> <div collapsible-footer *ngIf="!showLoading" slot="fixed">
<div class="list-item-limited-width" <div class="list-item-limited-width adaptable-buttons-row"
*ngIf="meetingInfo && (meetingInfo.canjoin || meetingInfo.statusrunning && meetingInfo.ismoderator)"> *ngIf="meetingInfo && (meetingInfo.canjoin || meetingInfo.statusrunning && meetingInfo.ismoderator)">
<ion-button *ngIf="meetingInfo.statusrunning && meetingInfo.ismoderator" fill="outline" class="ion-margin ion-text-wrap" <ion-button *ngIf="meetingInfo.statusrunning && meetingInfo.ismoderator" fill="outline" class="ion-margin ion-text-wrap"
expand="block" (click)="endMeeting()"> expand="block" (click)="endMeeting()">

2
src/addons/mod/choice/components/index/addon-mod-choice-index.html
View File

@ -136,7 +136,7 @@
<div collapsible-footer *ngIf="!showLoading" slot="fixed"> <div collapsible-footer *ngIf="!showLoading" slot="fixed">
<div class="list-item-limited-width" *ngIf="options.length && choice && (canEdit || canDelete)"> <div class="list-item-limited-width adaptable-buttons-row" *ngIf="options.length && choice && (canEdit || canDelete)">
<ion-button *ngIf="canDelete" expand="block" fill="outline" (click)="delete()" class="ion-margin ion-text-wrap"> <ion-button *ngIf="canDelete" expand="block" fill="outline" (click)="delete()" class="ion-margin ion-text-wrap">
{{ 'addon.mod_choice.removemychoice' | translate }} {{ 'addon.mod_choice.removemychoice' | translate }}
</ion-button> </ion-button>

3
src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
View File

@ -35,7 +35,8 @@
</core-tabs> </core-tabs>
<div collapsible-footer *ngIf="!showLoading" slot="fixed"> <div collapsible-footer *ngIf="!showLoading" slot="fixed">
<div class="list-item-limited-width" *ngIf="access && (access.canedititems || access.canviewreports || !access.isempty)"> <div class="list-item-limited-width adaptable-buttons-row"
*ngIf="access && (access.canedititems || access.canviewreports || !access.isempty)">
<ion-button expand="block" fill="outline" (click)="gotoAnswerQuestions(true)" class="ion-margin ion-text-wrap"> <ion-button expand="block" fill="outline" (click)="gotoAnswerQuestions(true)" class="ion-margin ion-text-wrap">
<ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
{{ 'addon.mod_feedback.preview' | translate }} {{ 'addon.mod_feedback.preview' | translate }}

2
src/addons/mod/feedback/pages/form/form.html
View File

@ -150,7 +150,7 @@
</ion-card> </ion-card>
<div collapsible-footer *ngIf="feedbackLoaded && completed" slot="fixed"> <div collapsible-footer *ngIf="feedbackLoaded && completed" slot="fixed">
<div class="list-item-limited-width"> <div class="list-item-limited-width adaptable-buttons-row">
<ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap ion-margin" <ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap ion-margin"
*ngIf="access!.canviewanalysis"> *ngIf="access!.canviewanalysis">
<ion-icon name="fas-chart-bar" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-chart-bar" slot="start" aria-hidden="true"></ion-icon>

20
src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
View File

@ -197,15 +197,17 @@
</ion-label> </ion-label>
</ion-item> </ion-item>
<!-- Open mode (Preview or Normal) --> <div class="adaptable-buttons-row">
<ion-button *ngIf="!scorm.hidebrowse" expand="block" fill="outline" (click)="open($event, true)" <!-- Open mode (Preview or Normal) -->
class="ion-text-wrap ion-margin"> <ion-button *ngIf="!scorm.hidebrowse" expand="block" fill="outline" (click)="open($event, true)"
<ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon> class="ion-text-wrap ion-margin">
{{ 'addon.mod_scorm.browse' | translate }} <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
</ion-button> {{ 'addon.mod_scorm.browse' | translate }}
<ion-button expand="block" (click)="open($event)" class="ion-text-wrap ion-margin"> </ion-button>
{{ 'addon.mod_scorm.enter' | translate }} <ion-button expand="block" (click)="open($event)" class="ion-text-wrap ion-margin">
</ion-button> {{ 'addon.mod_scorm.enter' | translate }}
</ion-button>
</div>
</ng-container> </ng-container>
<!-- Download progress. --> <!-- Download progress. -->

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

@ -1467,6 +1467,16 @@ ion-grid.core-no-grid > ion-row {
height: 0 !important; height: 0 !important;
} }
@include media-breakpoint-up(md) {
.adaptable-buttons-row {
display: flex;
flex-direction: row;
ion-button {
flex: 1;
}
}
}
ion-header.no-title { ion-header.no-title {
--core-header-toolbar-border-width: 0; --core-header-toolbar-border-width: 0;
--core-header-toolbar-background: transparent; --core-header-toolbar-background: transparent;