diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 0e3145cf2d2..0c1034e7ece 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -2,7 +2,8 @@
"COMMON": {
"APPLY": "Apply",
"CANCEL": "Cancel",
- "NAME": "Name"
+ "NAME": "Name",
+ "CLEAR": "Clear"
},
"ADF_VERSION_LIST": {
"ACTIONS": {
@@ -556,7 +557,8 @@
"CLOSE-ACTION": "CANCEL",
"BASE-DIALOG-TITLE": "Search a group or people to add...",
"EVERYONE": "EVERYONE",
- "USER-GROUP-LIST": "User or Group List"
+ "USER-GROUP-LIST": "User or Group List",
+ "REMOVE_USER_GROUP": "Remove"
},
"COLUMN": {
"NAME": "Users and Groups ({{ count }})",
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.html b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.html
index 5e7e9d1e610..9144ebb390d 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.html
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.html
@@ -60,6 +60,8 @@
highlight_off
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
index 7199e51aae7..ac1e84d2794 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.html
@@ -10,16 +10,18 @@
[attr.aria-label]="'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate"
[value]="searchedWord"
/>
-
- 0"
- class="adf-permission-search-icon"
data-automation-id="adf-permission-clear-input"
id="adf-permission-clear-input"
- matSuffix
+ class="adf-permission-search-input-clear-button"
(click)="clearSearch()"
- >clear
-
+ [attr.aria-label]="'COMMON.CLEAR' | translate"
+ [attr.title]="'COMMON.CLEAR' | translate">
+ clear
+
search
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
index 3bbc0d993bf..624f9259353 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss
@@ -86,6 +86,13 @@ $search-result-height: calc(100% - 60px);
color: var(--adf-theme-foreground-base-color);
}
}
+
+ .adf-permission-search-input-clear-button {
+ padding: 0;
+ width: 20px;
+ height: 32px;
+ margin-right: 1.5px;
+ }
}
}
diff --git a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts
index 7bdd33f7fd1..bac101dabd1 100644
--- a/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts
+++ b/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts
@@ -30,6 +30,7 @@ import { MatInputModule } from '@angular/material/input';
import { TranslatePipe } from '@ngx-translate/core';
import { MatIconModule } from '@angular/material/icon';
import { UserIconColumnComponent } from '../user-icon-column/user-icon-column.component';
+import { MatIconButton } from '@angular/material/button';
@Component({
selector: 'adf-add-permission-panel',
@@ -42,7 +43,8 @@ import { UserIconColumnComponent } from '../user-icon-column/user-icon-column.co
MatIconModule,
MatListModule,
UserIconColumnComponent,
- SearchComponent
+ SearchComponent,
+ MatIconButton
],
templateUrl: './add-permission-panel.component.html',
styleUrls: ['./add-permission-panel.component.scss'],
diff --git a/lib/content-services/src/lib/search/components/search-text/search-text.component.html b/lib/content-services/src/lib/search/components/search-text/search-text.component.html
index 70c9ce8e669..bb49fc99070 100644
--- a/lib/content-services/src/lib/search/components/search-text/search-text.component.html
+++ b/lib/content-services/src/lib/search/components/search-text/search-text.component.html
@@ -11,7 +11,9 @@
*ngIf="value"
matSuffix
(click)="clear()"
- class="adf-search-text-form-field-clear-button">
+ class="adf-search-text-form-field-clear-button"
+ [attr.aria-label]="'SEARCH.FILTER.ACTIONS.CLEAR' | translate"
+ [attr.title]="'SEARCH.FILTER.ACTIONS.CLEAR' | translate">
close