[AAE-49015] - Keep removing mat-selectors

lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html

@@ -4,6 +4,7 @@
         <mat-chip-listbox *ngIf="items.length > 0; else elseEmptyValueBlock" data-automation-id="card-arrayitem-chip-list-container">
             <ng-container *ngIf="displayCount > 0; else withOutDisplayCount" >
                 <mat-chip
+                    class="adf-card-view-array-chip"
                     *ngFor="let item of items.slice(0, displayCount)"
                     (keyup.enter)="clicked()"
                     (click)="clicked()"
@@ -14,6 +15,7 @@
                     </div>
                 </mat-chip>
                 <mat-chip
+                    class="adf-card-view-array-chip"
                     *ngIf="items.length > displayCount"
                     data-automation-id="card-arrayitem-more-chip"
                     [matMenuTriggerFor]="menu">
@@ -22,6 +24,7 @@
             </ng-container>
             <ng-template #withOutDisplayCount>
                 <mat-chip
+                    class="adf-card-view-array-chip"
                     *ngFor="let item of items"
                     (keyup.enter)="clicked()"
                     (click)="clicked()"

lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss

@@ -1,5 +1,3 @@
-@use '../../../styles/mat-selectors' as ms;
-
 .adf {
     &-array-item-icon {
         margin-right: 5px;
@@ -12,18 +10,11 @@
         display: block;
     }
 
+    // <mat-card appearance="outlined"> already renders with no shadow (level0),
+    // so only the custom scroll/height layout remains on the ADF class.
     &-array-item-more-chip-container {
-        &#{ms.$mat-card} {
+        max-height: 300px;
-            box-shadow: none;
+        overflow-y: auto;
-            max-height: 300px;
-            overflow-y: auto;
-        }
-    }
-
-    &-property-value {
-        #{ms.$mat-chip-list} {
-            padding-top: 6px;
-        }
     }
 
     &-card-view-array-item-container {
@@ -35,7 +26,7 @@
         border-color: var(--mat-sys-outline-variant);
         border-radius: 0;
 
-        #{ms.$mat-chip}:hover {
+        .adf-card-view-array-chip:hover {
             cursor: pointer;
         }
     }

lib/core/src/lib/notifications/components/notification-history.component.html

@@ -1,5 +1,5 @@
 <button
-    mat-button
+    mat-icon-button
     [matMenuTriggerFor]="menu"
     aria-hidden="false"
     [attr.aria-label]="('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)"

lib/core/src/lib/notifications/components/notification-history.component.scss

@@ -8,11 +8,8 @@ $notification-item-height: 72px;
         -webkit-font-smoothing: subpixel-antialiased;
     }
 
-    &-notification-history-menu_button#{ms.$mat-button} {
+    // <button mat-icon-button> already provides the 40px circular shape + zero padding.
-        border-radius: 90%;
+    &-notification-history-menu_button {
-        padding: 0;
-        min-width: 40px;
-        height: 40px;
         margin-top: 1px;
 
         .adf-notification-history-menu_button-icon {

lib/process-services/src/lib/people/components/people/people.component.scss

@@ -1,5 +1,3 @@
-@use '../../../styles/mat-selectors' as ms;
-
 .adf-assignment-header {
     border-bottom: 1px solid var(--mat-sys-outline-variant);
     padding: 6px 20px;
@@ -25,11 +23,10 @@
     }
 }
 
-.adf-assignment-top-container#{ms.$mat-card} {
+// <mat-card> is already display:flex with no margin/padding; only the row-wrap
+// layout + top border are ADF additions (Material default is flex-direction:column).
+.adf-assignment-top-container {
     border-top: 1px solid var(--mat-sys-outline-variant);
-    margin: 0;
-    padding: 0;
-    display: flex;
     flex-flow: row wrap;
     align-items: stretch;
 }