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

This commit is contained in:
Mykyta Maliarchuk
2024-04-10 09:00:39 +02:00
committed by MichalKinas
parent 5cadab1d7c
commit 7013ab0f00
4 changed files with 16 additions and 1 deletions

View File

@@ -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>

View File

@@ -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);
}

View File

@@ -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 {

View File

@@ -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);
}