[ACS-7373] ng15 permission tab fixes (#3762)

Alfresco · Apr 16, 2024 · 7013ab0 · 7013ab0
1 parent 5cadab1
commit 7013ab0
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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);
   }