On first entry into a page that has Tabs the application adds extra spacing I tracked this down on my application and noticed 3 classes get added on the first time you open a page with tabs - card-header, card-header-tabs-line, and nav-tabs-line
I checked the application and found these are actually added on ngAfterViewChecked on the CustomizableDashboardComponent
ngAfterViewChecked(): void {
setTimeout(() => {
let navTabs = window.document.querySelector('.nav.nav-tabs');
if (!navTabs) {
return;
}
navTabs.classList.add('card-header');
navTabs.classList.add('card-header-tabs-line');
navTabs.classList.add('nav-tabs-line');
}, 1000);
}
You can modify the classes there and see that it does translate to any Tabbed page in the application on first load of said page but is gone on second page load
Because this also happens on the https://aspnetzero.com/Demo site I skipped the prerequisite questions as its an issue with the current live version of the application
3 Answer(s)
-
0
Hi @smry
Thank you for your report. Could you create an issue on https://github.com/aspnetzero/aspnet-zero-core ? We can fix it and include into the next release.
-
0
Done - should I now close this ticket?
https://github.com/aspnetzero/aspnet-zero-core/issues/4017
-
0
Hi,
Yes, you can close this one, I have added the issue to next milestone. Thanks again.
