[ACS-7998] - Add permissions input (#9704)

Alfresco · Jul 9, 2024 · c2ccdc7 · c2ccdc7
1 parent 92e5b6e
commit c2ccdc7
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 1 deletion.
diff --git a/...src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss b/...src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
@@ -8,6 +8,7 @@
 
 .adf-add-permission-dialog {
     .adf-add-permission-dialog-title {
+        margin-bottom: 28px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: var(--theme-title-font-size);

diff --git a/.../src/lib/permission-manager/components/add-permission/add-permission-panel.component.html b/.../src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
@@ -1,7 +1,8 @@
-<mat-form-field appearance="outline" floatPlaceholder="never" class="adf-permission-search-input">
+<mat-form-field appearance="fill" class="adf-permission-search-input">
     <input
         matInput
         id="searchInput"
+        class="adf-permission-search-input-control"
         [formControl]="searchInput"
         type="text"
         title="{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}"

diff --git a/.../src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss b/.../src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
@@ -52,7 +52,32 @@ $search-result-height: calc(100% - 60px);
         &-input {
             width: 100%;
 
+            #{$mat-form-field-wrapper} {
+                #{$mat-form-field-flex} {
+                    align-items: center;
+
+                    #{$mat-form-field-infix} {
+                        padding-top: 0;
+                        padding-bottom: 0;
+                    }
+                }
+            }
+
+            #{$mat-form-field-subscript-wrapper} {
+                height: 16px;
+            }
+
+            .adf-permission-search-input-control {
+                &:focus::placeholder {
+                    color: var(--theme-primary-color);
+                }
+            }
+
             .adf-permission-search-icon {
+                padding: 0 0 12px;
+                width: 1em;
+                height: 1em;
+                font-size: 20px;
                 cursor: pointer;
 
                 &:hover {