[ADF-5407] style fixes before Angular 12 upgrade

projects/aca-about/src/lib/about.component.ts

@@ -34,7 +34,7 @@ import { dependencies, version, name, commit } from 'package.json';
 @Component({
   selector: 'app-about',
   templateUrl: './about.component.html',
-  styleUrls: ['about.component.scss'],
+  styleUrls: ['./about.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-about' }
 })

projects/aca-shared/src/lib/components/page-layout/page-layout.component.ts

@@ -27,7 +27,7 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@a
 
 @Component({
   selector: 'aca-page-layout',
-  templateUrl: 'page-layout.component.html',
+  templateUrl: './page-layout.component.html',
   styleUrls: ['./page-layout.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'aca-page-layout' },

projects/aca-shared/src/lib/components/tool-bar/toolbar-button/toolbar-button.component.ts

@@ -34,7 +34,7 @@ export enum ToolbarButtonType {
 
 @Component({
   selector: 'app-toolbar-button',
-  templateUrl: 'toolbar-button.component.html',
+  templateUrl: './toolbar-button.component.html',
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-toolbar-button' }
 })

projects/aca-shared/src/lib/components/tool-bar/toolbar-menu-item/toolbar-menu-item.component.ts

@@ -29,7 +29,7 @@ import { AppExtensionService } from '../../../services/app.extension.service';
 
 @Component({
   selector: 'app-toolbar-menu-item',
-  templateUrl: 'toolbar-menu-item.component.html',
+  templateUrl: './toolbar-menu-item.component.html',
   styles: [
     `
       .app-toolbar-menu-item:last-child > .mat-divider-horizontal {

projects/aca-shared/src/lib/components/tool-bar/toolbar-menu/toolbar-menu.component.ts

@@ -29,7 +29,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
 
 @Component({
   selector: 'app-toolbar-menu',
-  templateUrl: 'toolbar-menu.component.html',
+  templateUrl: './toolbar-menu.component.html',
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-toolbar-menu' }
 })

src/app/components/context-menu/context-menu-item.component.ts

@@ -29,7 +29,7 @@ import { AppExtensionService } from '@alfresco/aca-shared';
 
 @Component({
   selector: 'app-context-menu-item',
-  templateUrl: 'context-menu-item.component.html',
+  templateUrl: './context-menu-item.component.html',
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-context-menu-item' }
 })

src/app/components/create-menu/create-menu.component.ts

@@ -33,8 +33,7 @@ import { AppExtensionService } from '@alfresco/aca-shared';
 
 @Component({
   selector: 'app-create-menu',
-  templateUrl: 'create-menu.component.html',
-  styleUrls: ['./create-menu.component.scss'],
+  templateUrl: './create-menu.component.html',
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-create-menu' }
 })

src/app/components/details/details.component.html

@@ -21,7 +21,7 @@
           -
           <span class="acs-details-breadcrumb-item">{{'APP.INFO_DRAWER.TITLE' | translate}}</span>
         </div>
-        <div class="acs-close-memebers-container">
+        <div class="acs-close-members-container">
           <button mat-icon-button
                   data-automation-id="close-library"
                   (click)="goBack()">

src/app/components/details/details.component.scss

@@ -25,7 +25,7 @@
       align-items: center;
       justify-content: space-between;
 
-      .acs-close-memebers-container {
+      .acs-close-members-container {
           margin-right: 15px;
       }
   }

src/app/components/details/details.component.ts

@@ -35,7 +35,6 @@ import { Subject } from 'rxjs';
 @Component({
   selector: 'app-details-manager',
   templateUrl: './details.component.html',
-  styleUrls: ['details.component.scss'],
   encapsulation: ViewEncapsulation.None
 })
 export class DetailsComponent extends PageComponent implements OnInit, OnDestroy {

src/app/components/dl-custom-components/name-column/name-column.component.ts

@@ -35,7 +35,7 @@ import { isLocked } from '@alfresco/aca-shared';
 @Component({
   selector: 'aca-custom-name-column',
   templateUrl: './name-column.component.html',
-  styleUrls: ['name-column.component.scss'],
+  styleUrls: ['./name-column.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: {
     class: 'adf-datatable-content-cell adf-datatable-link adf-name-column aca-custom-name-column'

src/app/components/header/header.component.ts

@@ -32,8 +32,8 @@ import { AppExtensionService } from '@alfresco/aca-shared';
 
 @Component({
   selector: 'app-header',
-  templateUrl: 'header.component.html',
-  styleUrls: ['header.component.scss'],
+  templateUrl: './header.component.html',
+  styleUrls: ['./header.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-header' }
 })

src/app/components/preview/preview.component.ts

@@ -40,8 +40,8 @@ import { Actions, ofType } from '@ngrx/effects';
 
 @Component({
   selector: 'app-preview',
-  templateUrl: 'preview.component.html',
-  styleUrls: ['preview.component.scss'],
+  templateUrl: './preview.component.html',
+  styleUrls: ['./preview.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-preview' }
 })

src/app/components/search/search-input/search-input.component.ts

@@ -38,7 +38,7 @@ import { SearchLibrariesQueryBuilderService } from '../search-libraries-results/
 
 @Component({
   selector: 'aca-search-input',
-  templateUrl: 'search-input.component.html',
+  templateUrl: './search-input.component.html',
   encapsulation: ViewEncapsulation.None,
   host: { class: 'aca-search-input' }
 })

src/app/components/shared-link-view/shared-link-view.component.ts

@@ -36,7 +36,7 @@ import { AppExtensionService } from '@alfresco/aca-shared';
 
 @Component({
   selector: 'app-shared-link-view',
-  templateUrl: 'shared-link-view.component.html',
+  templateUrl: './shared-link-view.component.html',
   styleUrls: ['shared-link-view.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-shared-link-view' }

src/app/dialogs/node-template/create-from-template.dialog.ts

@@ -33,8 +33,7 @@ import { TranslationService } from '@alfresco/adf-core';
 
 @Component({
   templateUrl: './create-from-template.dialog.html',
-  encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./create-from-template.dialog.scss']
+  encapsulation: ViewEncapsulation.None
 })
 export class CreateFromTemplateDialogComponent implements OnInit {
   public form: FormGroup;