From 7013ab0f00dca014322713d4e9b650ddbd659f7b Mon Sep 17 00:00:00 2001
From: Mykyta Maliarchuk <84377976+nikita-web-ua@users.noreply.github.com>
Date: Wed, 10 Apr 2024 09:00:39 +0200
Subject: [PATCH] [ACS-7373] ng15 permission tab fixes (#3762)

---
 .../src/lib/components/details/details.component.html  |  2 +-
 .../src/lib/components/details/details.component.scss  |  4 ++++
 .../info-drawer/comments-tab/comments-tab.component.ts |  1 +
 projects/aca-content/src/lib/ui/overrides/ay11.scss    | 10 ++++++++++
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/projects/aca-content/src/lib/components/details/details.component.html b/projects/aca-content/src/lib/components/details/details.component.html
index ab15650517..9e3e2a4917 100644
--- a/projects/aca-content/src/lib/components/details/details.component.html
+++ b/projects/aca-content/src/lib/components/details/details.component.html
@@ -25,7 +25,7 @@
         </div>
       </div>
 
-      <mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0">
+      <mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0" mat-stretch-tabs="false" mat-align-tabs="start">
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
           <ng-template matTabContent>
             <app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-metadata-tab>
diff --git a/projects/aca-content/src/lib/components/details/details.component.scss b/projects/aca-content/src/lib/components/details/details.component.scss
index 0e71121579..66e51d711f 100644
--- a/projects/aca-content/src/lib/components/details/details.component.scss
+++ b/projects/aca-content/src/lib/components/details/details.component.scss
@@ -68,3 +68,7 @@ app-details-manager {
     vertical-align: text-bottom;
   }
 }
+
+mat-tab-header {
+  border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
+}
diff --git a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
index 5bb10ed042..47f0f5496c 100644
--- a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
@@ -33,6 +33,7 @@ import { NodeCommentsModule } from '@alfresco/adf-content-services';
   imports: [MatCardModule, NodeCommentsModule],
   selector: 'app-comments-tab',
   template: `<mat-card appearance="raised"><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments></mat-card>`,
+  styles: ['app-comments-tab mat-card { padding: 16px }'],
   encapsulation: ViewEncapsulation.None
 })
 export class CommentsTabComponent implements OnInit {
diff --git a/projects/aca-content/src/lib/ui/overrides/ay11.scss b/projects/aca-content/src/lib/ui/overrides/ay11.scss
index 78af3d9cce..8fe113e608 100644
--- a/projects/aca-content/src/lib/ui/overrides/ay11.scss
+++ b/projects/aca-content/src/lib/ui/overrides/ay11.scss
@@ -123,6 +123,16 @@
     }
   }
 
+  .mat-mdc-slide-toggle.mat-primary.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-form-field .mdc-switch {
+    .mdc-switch__track::after {
+      background-color: var(--theme-blue-button-color);
+    }
+
+    .mdc-switch__shadow {
+      background-color: var(--theme-primary-color-default-contrast);
+    }
+  }
+
   .mat-mdc-slide-toggle.cdk-keyboard-focused .mdc-form-field .mdc-switch .mdc-switch__track {
     outline: 2px solid var(--theme-blue-button-color);
   }