ag-admin/OpenSlides
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make choice dialog proper scrollable

Browse Source
This commit is contained in:
Maximilian Krambach 2018-11-29 18:20:21 +01:00 committed by FinnStutzenstein
parent d49b796b29
commit 1de2161ded
3 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/app/core/services/choice.service.ts
View File

@ -36,6 +36,7 @@ export class ChoiceService extends OpenSlidesComponent {
): Promise<ChoiceAnswer> { ): Promise<ChoiceAnswer> {
const dialogRef = this.dialog.open(ChoiceDialogComponent, { const dialogRef = this.dialog.open(ChoiceDialogComponent, {
minWidth: '250px', minWidth: '250px',
maxHeight:'90vh',
data: { title: title, choices: choices, multiSelect: multiSelect } data: { title: title, choices: choices, multiSelect: multiSelect }
}); });
return dialogRef.afterClosed().toPromise(); return dialogRef.afterClosed().toPromise();

2
client/src/app/shared/components/choice-dialog/choice-dialog.component.html
View File

@ -1,3 +1,4 @@
<div class="scrollmenu-outer">
<h2 mat-dialog-title>{{ data.title | translate }}</h2> <h2 mat-dialog-title>{{ data.title | translate }}</h2>
<div class="scrollmenu"> <div class="scrollmenu">
<mat-radio-group <mat-radio-group
@ -28,3 +29,4 @@
</button> </button>
<button mat-button (click)="closeDialog(false)"><span translate>Cancel</span></button> <button mat-button (click)="closeDialog(false)"><span translate>Cancel</span></button>
</mat-dialog-actions> </mat-dialog-actions>
</div>

8
client/src/app/shared/components/choice-dialog/choice-dialog.component.scss
View File

@ -8,8 +8,10 @@ mat-radio-group {
} }
.scrollmenu { .scrollmenu {
padding: 4px; padding: 5px;
overflow-y: auto;
display: block; display: block;
overflow-y: auto; }
.scrollmenu-outer {
max-height:inherit;
} }