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.
Markdown is supportedCopy & paste or drag & drop images (max 30 MB per image) -
0
Done - should I now close this ticket?
https://github.com/aspnetzero/aspnet-zero-core/issues/4017
Markdown is supportedCopy & paste or drag & drop images (max 30 MB per image) -
0
Hi,
Yes, you can close this one, I have added the issue to next milestone. Thanks again.
Markdown is supportedCopy & paste or drag & drop images (max 30 MB per image)
