mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
[ACS-6078] Fixed layout for create from template component (#3467)
* ACS-6078 Fixed layout for create from template component * ACS-6078 Added selector * ACS-6078 Custom class instead of mat class * ACS-6078 Used component selector * ACS-6078 Removed unused styles * ACS-6078 Fixed e2e * ACS-6078 Empty commit
This commit is contained in:
parent
102b62207f
commit
bc98af0968
@ -1,7 +1,7 @@
|
||||
<h2 mat-dialog-title [innerHTML]="title"></h2>
|
||||
<div mat-dialog-content>
|
||||
<form [formGroup]="form" novalidate>
|
||||
<mat-form-field class="adf-full-width">
|
||||
<mat-form-field class="app-create-from-template-field">
|
||||
<input
|
||||
cdkFocusInitial
|
||||
placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}"
|
||||
@ -15,7 +15,7 @@
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field class="adf-full-width">
|
||||
<mat-form-field class="app-create-from-template-field">
|
||||
<input
|
||||
placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}"
|
||||
matInput
|
||||
@ -27,7 +27,7 @@
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field class="adf-full-width">
|
||||
<mat-form-field class="app-create-from-template-field">
|
||||
<textarea
|
||||
matInput
|
||||
placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}"
|
||||
|
@ -1,7 +1,8 @@
|
||||
.aca-create-from-template-dialog {
|
||||
ng-component {
|
||||
overflow: visible;
|
||||
}
|
||||
app-create-from-template-dialog {
|
||||
overflow: visible;
|
||||
display: block;
|
||||
margin-left: -24px;
|
||||
margin-right: -24px;
|
||||
|
||||
.mat-dialog-title {
|
||||
margin-left: 24px;
|
||||
@ -21,13 +22,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.mat-form-field {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.app-create-from-template-field {
|
||||
width: 100%;
|
||||
|
||||
.mat-dialog-container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-dialog-content {
|
||||
|
@ -40,6 +40,7 @@ import { MatButtonModule } from '@angular/material/button';
|
||||
imports: [CommonModule, TranslateModule, MatDialogModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatButtonModule],
|
||||
templateUrl: './create-from-template.dialog.html',
|
||||
styleUrls: ['./create-from-template.dialog.scss'],
|
||||
selector: 'app-create-from-template-dialog',
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class CreateFromTemplateDialogComponent implements OnInit {
|
||||
|
@ -27,7 +27,7 @@ import { BaseComponent } from '../base.component';
|
||||
import { timeouts } from '../../../utils';
|
||||
|
||||
export class CreateFromTemplateDialogComponent extends BaseComponent {
|
||||
private static rootElement = 'ng-component';
|
||||
private static rootElement = 'app-create-from-template-dialog';
|
||||
|
||||
constructor(page: Page) {
|
||||
super(page, CreateFromTemplateDialogComponent.rootElement);
|
||||
|
Loading…
x
Reference in New Issue
Block a user