From 8464a2819d20d19fb26ef2c1f44a34515c7e8815 Mon Sep 17 00:00:00 2001
From: DominikIwanek <dominik.iwanek@hyland.com>
Date: Wed, 22 May 2024 15:48:44 +0200
Subject: [PATCH] [ACS-8021] Inputs for comments

---
 .../src/lib/comments/comments.component.html  |  2 +-
 .../src/lib/comments/comments.component.scss  | 30 +++++++++++++++----
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/lib/core/src/lib/comments/comments.component.html b/lib/core/src/lib/comments/comments.component.html
index 29271b5521d..0324a9fa766 100644
--- a/lib/core/src/lib/comments/comments.component.html
+++ b/lib/core/src/lib/comments/comments.component.html
@@ -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)"
diff --git a/lib/core/src/lib/comments/comments.component.scss b/lib/core/src/lib/comments/comments.component.scss
index 789edbe4ba8..532fc767b5a 100644
--- a/lib/core/src/lib/comments/comments.component.scss
+++ b/lib/core/src/lib/comments/comments.component.scss
@@ -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;
     }