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" /> - - 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