[ACS-5646] fix metadata layout for larger areas (#3352)

This commit is contained in:
Denys Vuika 2023-07-19 10:03:00 +01:00 committed by GitHub
parent a77d837aea
commit 96cc0111d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 8 deletions

View File

@ -1,6 +1,6 @@
<mat-card *ngIf="node"> <mat-card *ngIf="node">
<mat-card-content *ngIf="!edit"> <mat-card-content *ngIf="!edit">
<div class="mat-form-field mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float adf-full-width"> <div class="mat-form-field mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float">
<div class="mat-form-field-wrapper" data-automation-id="library-name-properties-wrapper"> <div class="mat-form-field-wrapper" data-automation-id="library-name-properties-wrapper">
<div class="mat-form-field-flex"> <div class="mat-form-field-flex">
<div class="mat-form-field-infix"> <div class="mat-form-field-infix">
@ -18,7 +18,7 @@
</div> </div>
</div> </div>
<div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float adf-full-width"> <div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float">
<div class="mat-form-field-wrapper" data-automation-id="library-id-properties-wrapper"> <div class="mat-form-field-wrapper" data-automation-id="library-id-properties-wrapper">
<div class="mat-form-field-flex"> <div class="mat-form-field-flex">
<div class="mat-form-field-infix"> <div class="mat-form-field-infix">
@ -36,7 +36,7 @@
</div> </div>
</div> </div>
<div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float adf-full-width"> <div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float">
<div class="mat-form-field-wrapper" data-automation-id="library-visibility-properties-wrapper"> <div class="mat-form-field-wrapper" data-automation-id="library-visibility-properties-wrapper">
<div class="mat-form-field-flex"> <div class="mat-form-field-flex">
<div class="mat-form-field-infix"> <div class="mat-form-field-infix">
@ -54,7 +54,7 @@
</div> </div>
</div> </div>
<div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float adf-full-width"> <div class="mat-form-field mat-primary mat-form-field-type-mat-input mat-form-field-can-float mat-form-field-should-float">
<div class="mat-form-field-wrapper" data-automation-id="library-description-properties-wrapper"> <div class="mat-form-field-wrapper" data-automation-id="library-description-properties-wrapper">
<div class="mat-form-field-flex"> <div class="mat-form-field-flex">
<div class="mat-form-field-infix"> <div class="mat-form-field-infix">
@ -81,7 +81,7 @@
<mat-card-content *ngIf="edit"> <mat-card-content *ngIf="edit">
<form [formGroup]="form" autocomplete="off"> <form [formGroup]="form" autocomplete="off">
<mat-form-field class="adf-full-width"> <mat-form-field>
<input <input
matInput matInput
cdkFocusInitial cdkFocusInitial
@ -96,11 +96,11 @@
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
<mat-form-field class="adf-full-width"> <mat-form-field>
<input matInput placeholder="{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}" formControlName="id" /> <input matInput placeholder="{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}" formControlName="id" />
</mat-form-field> </mat-form-field>
<mat-form-field class="adf-full-width"> <mat-form-field>
<mat-select placeholder="{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}" formControlName="visibility"> <mat-select placeholder="{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}" formControlName="visibility">
<mat-option [value]="type.value" *ngFor="let type of libraryType"> <mat-option [value]="type.value" *ngFor="let type of libraryType">
{{ type.label | translate }} {{ type.label | translate }}
@ -108,7 +108,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field class="adf-full-width"> <mat-form-field>
<textarea <textarea
matInput matInput
placeholder="{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}" placeholder="{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}"

View File

@ -1,4 +1,8 @@
app-library-metadata-form { app-library-metadata-form {
.mat-form-field {
width: 100%;
}
.mat-form-field-infix { .mat-form-field-infix {
position: relative; position: relative;
width: 180px; width: 180px;