inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-6140] - search-tab-content does not show when changing tab multiple times (#9332)

Browse Source
This commit is contained in:
DominikIwanek
2024-02-13 11:37:44 +01:00
committed by GitHub
parent 8df2113ce8
commit 378b125993
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.html
View File

@@ -1,6 +1,7 @@
<mat-tab-group (selectedIndexChange)="onTabIndexChanged($event)"> <mat-tab-group (selectedIndexChange)="onTabIndexChanged($event)">
<mat-tab *ngFor="let tabContent of tabsContents; let i = index" <mat-tab *ngFor="let tabContent of tabsContents; let i = index"
[labelClass]='selectedIndex === i ? "adf-search-tab-label-active" : ""' [labelClass]='selectedIndex === i ? "adf-search-tab-label-active" : ""'
[bodyClass]='selectedIndex === i ? "adf-search-tab-content-active" : ""'
label="{{tabContent.name | translate}}"> label="{{tabContent.name | translate}}">
<ng-container *ngTemplateOutlet="tabContent.templateRef"></ng-container> <ng-container *ngTemplateOutlet="tabContent.templateRef"></ng-container>
</mat-tab> </mat-tab>

9
lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss
View File

@@ -2,4 +2,13 @@ adf-search-filter-tabbed {
.adf-search-tab-label-active { .adf-search-tab-label-active {
border-bottom: 2px solid var(--theme-primary-color); border-bottom: 2px solid var(--theme-primary-color);
} }
// The important tag is used here as a workaround for a bug in angular material, when MatTabs are used in conjunction with MatMenu
// https://github.com/angular/components/issues/27426
.adf-search-tab-content-active {
& > div {
visibility: visible !important;
display: block !important;
}
}
} }