Fixes bug on dmp listing: removes second scrollbar

This commit is contained in:
apapachristou 2019-06-13 13:24:16 +03:00
parent f0de34bcd3
commit fabd254192
2 changed files with 13 additions and 10 deletions

View File

@ -1,7 +1,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row" [formGroup]="formGroup"> <div class="row" [formGroup]="formGroup">
<div class="col-9 pt-4 pb-4 pl-4"> <div class="col-9 pt-4 pb-4 pl-4">
<div class="row"> <div class="row pt-2">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<input matInput placeholder="{{'DMP-EDITOR.FIELDS.NAME' | translate}}" type="text" name="label" <input matInput placeholder="{{'DMP-EDITOR.FIELDS.NAME' | translate}}" type="text" name="label"
formControlName="label" required> formControlName="label" required>
@ -11,7 +11,7 @@
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error> {{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="row"> <div class="row pt-2">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<textarea matInput class="description-area" <textarea matInput class="description-area"
placeholder="{{'DMP-EDITOR.FIELDS.DESCRIPTION' | translate}}" formControlName="description"> placeholder="{{'DMP-EDITOR.FIELDS.DESCRIPTION' | translate}}" formControlName="description">
@ -24,7 +24,7 @@
</mat-error> --> </mat-error> -->
</mat-form-field> </mat-form-field>
</div> </div>
<div class="row"> <div class="row pt-2">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<app-multiple-auto-complete required='true' [formControl]="formGroup.get('profiles')" <app-multiple-auto-complete required='true' [formControl]="formGroup.get('profiles')"
placeholder="{{'DMP-EDITOR.FIELDS.DATASET-TEMPLATES' | translate}}" placeholder="{{'DMP-EDITOR.FIELDS.DATASET-TEMPLATES' | translate}}"
@ -41,7 +41,7 @@
</mat-form-field> </mat-form-field>
<!-- <button mat-button (click)="availableProfiles()">View All</button> --> <!-- <button mat-button (click)="availableProfiles()">View All</button> -->
</div> </div>
<div class="row"> <div class="row pt-1">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<app-multiple-auto-complete [formControl]="formGroup.get('organisations')" <app-multiple-auto-complete [formControl]="formGroup.get('organisations')"
placeholder="{{'DMP-EDITOR.FIELDS.ORGANISATIONS' | translate}}" placeholder="{{'DMP-EDITOR.FIELDS.ORGANISATIONS' | translate}}"
@ -54,7 +54,7 @@
<mat-hint>Add here the names of the organisations contributing to the creation and revision of the DMPs</mat-hint> <mat-hint>Add here the names of the organisations contributing to the creation and revision of the DMPs</mat-hint>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="row"> <div class="row pt-3">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<app-multiple-auto-complete [formControl]="formGroup.get('researchers')" <app-multiple-auto-complete [formControl]="formGroup.get('researchers')"
placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}" placeholder="{{'DMP-EDITOR.FIELDS.RESEARCHERS' | translate}}"
@ -71,7 +71,7 @@
</mat-form-field> </mat-form-field>
<!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> --> <!-- <h4 mat-subheader class="col-12">{{'DMP-EDITOR.FIELDS.PROFILE' | translate}}</h4> -->
</div> </div>
<div class="row"> <div class="row pt-2">
<mat-form-field class="col-8"> <mat-form-field class="col-8">
<app-single-auto-complete [required]='false' [formControl]="formGroup.get('profile')" <app-single-auto-complete [required]='false' [formControl]="formGroup.get('profile')"
placeholder="{{'DMP-EDITOR.FIELDS.TEMPLATE' | translate}}" placeholder="{{'DMP-EDITOR.FIELDS.TEMPLATE' | translate}}"
@ -86,7 +86,7 @@
</div> </div>
<!-- Versioning Container--> <!-- Versioning Container-->
<div class="col-3"> <div class="col-2">
<div class='row version-menu'> <div class='row version-menu'>
<mat-form-field class="col-auto"> <mat-form-field class="col-auto">
<input matInput placeholder="Version" disabled <input matInput placeholder="Version" disabled

View File

@ -34,7 +34,10 @@
color: #4687f0; color: #4687f0;
} }
.description-area {
line-height: 0.7em !important;
}
::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; padding-bottom: 1.25em;
padding-top: 1em;
} }