[ACS-8445] Testing Angular 15 - Columns button is not centered properly (#10013)

lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss

@@ -10,7 +10,7 @@ adf-search-chip-autocomplete-input {
         margin-top: 4px;
     }
 
-    #{$mat-form--text-field-infix} {
+    #{$mat-form-text-field-infix} {
         border: none;
     }
 

lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss

@@ -9,7 +9,7 @@ adf-search-properties {
                 display: block;
             }
 
-            #{$mat-text-field--no-label} {
+            #{$mat-text-field-no-label} {
                 #{$mat-form-field-infix} {
                     padding-top: 9px;
                     padding-bottom: 9px;

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

@@ -17,12 +17,12 @@
     .adf-property-value-editable.adf-property-value-editable {
         padding-left: 0;
 
-        #{$mat-text-field--no-label} #{$mat-form-field-infix} {
+        #{$mat-text-field-no-label} #{$mat-form-field-infix} {
             padding: 0;
         }
 
         #{$mat-form-field-wrapper} {
-            background-color: initial;
+            background-color: unset;
         }
 
         #{$mat-select} {
@@ -49,7 +49,7 @@
         color: var(--adf-metadata-property-panel-title-color);
     }
 
-    .mdc-line-ripple {
+    #{$mat-line-ripple} {
         display: none;
     }
 

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

@@ -46,7 +46,7 @@
                 }
             }
 
-            #{$mat-form--text-field-infix} {
+            #{$mat-form-text-field-infix} {
                 border-top-width: 0;
             }
 

lib/core/src/lib/datatable/components/datatable/datatable.component.scss

@@ -203,6 +203,12 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
         &--fileSize {
             min-width: $data-table-cell-min-width-file-size;
         }
+
+        button {
+            #{$mat-icon} {
+                margin-top: -10px;
+            }
+        }
     }
 
     .adf-datatable-cell-header.adf-expand-cell-1,
@@ -433,13 +439,13 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 
     /* mobile phone */
-    @media all and (max-width: 768px) {
+    @media all and (width <= 768px) {
         .adf-desktop-only.adf-ellipsis-cell {
             display: none;
         }
     }
 
-    @media (max-device-width: 768px) {
+    @media (device-width <= 768px) {
         .adf-desktop-only.adf-ellipsis-cell {
             display: none;
         }
@@ -557,7 +563,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 }
 
-.cdk-drag-preview {
+#{$cdk-drag-preview} {
     &.adf-datatable-cell-header {
         border-radius: 6px;
         background-color: var(--theme-background-color);
@@ -568,7 +574,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
 }
 
 /* [Accessibility] Material checkbox labels */
-.adf-checkbox-sr-only .mat-checkbox-label {
+.adf-checkbox-sr-only #{$mat-checkbox-label} {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -620,7 +626,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     align-items: center;
     height: inherit;
 
-    .adf-datatable-body[role="rowgroup"] {
+    .adf-datatable-body[role='rowgroup'] {
         .adf-datatable-row {
             height: 100%;
             background-color: var(--adf-theme-background-card-color);
@@ -660,7 +666,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 }
 
-@media screen and (max-width: 380px) {
+@media screen and (width <= 380px) {
     .adf-datatable-header {
         max-height: 50%;
     }

lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss

@@ -4,11 +4,17 @@
 $adf-inplace-input-padding: 7px;
 
 .adf-inplace-input-container {
+    &-error {
+        .adf-inplace-input {
+            border: 1px solid var(--theme-warn-color);
+        }
+    }
+
     #{$mat-line-ripple} {
         display: none;
     }
 
-    #{$mat-form--text-field-infix} {
+    #{$mat-form-text-field-infix} {
         display: flex;
         border-top: 0;
     }
@@ -35,10 +41,4 @@ $adf-inplace-input-padding: 7px;
             background-color: var(--adf-theme-background-hover-color);
         }
     }
-
-    &-error {
-        .adf-inplace-input {
-            border: 1px solid var(--theme-warn-color);
-        }
-    }
 }

lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss

@@ -15,9 +15,8 @@
     &-left-label-input-datepicker {
         #{$mat-form-field-suffix} {
             top: 0;
-
         }
-        #{$mat-form--text-field-infix} {
+        #{$mat-form-text-field-infix} {
             width: 100%;
         }
     }

lib/core/src/lib/login/components/login/login.component.scss

@@ -101,7 +101,7 @@
     }
 
     .adf-alfresco-logo {
-        padding: 24px 16px 24px;
+        padding: 24px 16px;
     }
 
     .adf-alfresco-logo img {
@@ -217,7 +217,7 @@
                     padding-bottom: 6px;
                 }
 
-                #{$mat-floating-label--required} {
+                #{$mat-floating-label-required} {
                     &::after {
                         font-size: var(--theme-subheading-2-font-size);
                     }

lib/core/src/lib/styles/_mat-selectors.scss

@@ -48,7 +48,7 @@ $mat-line-ripple: '.mdc-line-ripple';
 $mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper';
 $mat-form-field-prefix: '.mat-mdc-form-field-text-prefix';
 $mat-form-field-suffix: '.mat-mdc-form-field-text-suffix';
-$mat-form--text-field-infix: '.mat-mdc-form-text-infix';
+$mat-form-text-field-infix: '.mat-mdc-form-text-infix';
 $mat-form-field-label: '.mat-mdc-floating-label';
 $mat-form-field-invalid: '.mat-form-field-invalid';
 $mat-form-field-appearance-outline: '.mat-form-field-appearance-outline';
@@ -99,7 +99,7 @@ $mat-slide-toggle: '.mat-mdc-slide-toggle';
 $mat-list: '.mat-mdc-list';
 $mat-list-item-content: '.mdc-list-item__content';
 $mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content';
-$mat-text-field--no-label: '.mdc-text-field--no-label';
+$mat-text-field-no-label: '.mdc-text-field--no-label';
 $mat-form-field-infix: '.mat-mdc-form-field-infix';
 $mat-form-field-hide-placeholder: '.mat-form-field-hide-placeholder';
 $mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper';
@@ -116,7 +116,7 @@ $mat-dialog-surface: '.mat-mdc-dialog-surface';
 $mdc-dialog: '.mdc-dialog';
 $mat-text-filed-input: '.mdc-text-field__input';
 $mat-floating-label-float-above: '.mdc-floating-label--float-above';
-$mat-floating-label--required: '.mdc-floating-label--required';
+$mat-floating-label-required: '.mdc-floating-label--required';
 $mat-evolution-chip: '.mdc-evolution-chip';
 $mat-standard-chip: '.mat-mdc-standard-chip';
 $mat-evolution-chip-action: '.mdc-evolution-chip__action';
@@ -132,6 +132,7 @@ $mat-evolution-chip-set: '.mdc-evolution-chip-set';
 $mat-button-base: '.mat-mdc-button-base';
 $mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label';
 $cdk-overlay-pane: '.cdk-overlay-pane';
+$cdk-drag-preview: '.cdk-drag-preview';
 $mat-snackbar: '.mdc-snackbar';
 $mat-snack-bar-container: '.mat-mdc-snack-bar-container';
 $mat-snackbar-label: '.mdc-snackbar__label';

lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss

@@ -18,7 +18,7 @@
             top: 0;
         }
 
-        #{$mat-form--text-field-infix} {
+        #{$mat-form-text-field-infix} {
             width: 100%;
         }
     }