make choice dialog proper scrollable

client/src/app/core/services/choice.service.ts

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

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

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

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

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