inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8021] Inputs for comments (#9722)

Browse Source
This commit is contained in:
dominikiwanekhyland 2024-05-24 12:26:36 +02:00 committed by VitoAlbano
parent 576705722a
commit 5239dc0553
2 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/src/lib/comments/comments.component.html
View File

@ -4,11 +4,11 @@
</div>
<div *ngIf="!readOnly" class="adf-comments-input-container adf-comments-divider">
<mat-form-field>
<mat-label>{{'COMMENTS.ADD' | translate}}</mat-label>
<textarea
matInput
id="comment-input"
class="adf-text-text-area"
[placeholder]='"COMMENTS.ADD" | translate'
[attr.aria-label]="'COMMENTS.ADD' | translate"
[(ngModel)]="message"
(keydown.escape)="clearMessage($event)"

30
lib/core/src/lib/comments/comments.component.scss
View File

@ -10,14 +10,34 @@ adf-comments {
width: 100%;
padding-bottom: 8px;
#{$mat-form-field} {
width: 100%;
}
#{$mat-form-field-subscript-wrapper} {
display: none;
}
#{$mat-form-field-wrapper} {
#{$mat-form-field-flex} {
#{$mat-form-field-infix} {
padding-bottom: 2px;
padding-top: 25px;
}
}
#{$mat-input-element} {
&:focus::placeholder {
color: var(--theme-primary-color);
-webkit-font-smoothing: subpixel-antialiased;
}
}
}
textarea {
resize: vertical;
height: 20px;
}
#{$mat-form-field} {
width: 100%;
}
}
}
@ -32,7 +52,7 @@ adf-comments {
}
.adf-comments-input-actions {
padding-top: 4px;
padding-top: 16px;
display: flex;
justify-content: flex-end;
}