diff --git a/UI/Web/src/app/series-detail/series-detail.component.scss b/UI/Web/src/app/series-detail/series-detail.component.scss index 93eccb417..ec835f582 100644 --- a/UI/Web/src/app/series-detail/series-detail.component.scss +++ b/UI/Web/src/app/series-detail/series-detail.component.scss @@ -29,7 +29,6 @@ .nav-tabs.fixed { position: fixed; - top: 114px; z-index: 100; background-color: var(--bs-body-bg); width: 100%; diff --git a/UI/Web/src/app/series-detail/series-detail.component.ts b/UI/Web/src/app/series-detail/series-detail.component.ts index 462e2829f..56b07654d 100644 --- a/UI/Web/src/app/series-detail/series-detail.component.ts +++ b/UI/Web/src/app/series-detail/series-detail.component.ts @@ -255,6 +255,7 @@ export class SeriesDetailComponent implements OnInit, OnDestroy { if (!document.querySelector('.nav-tabs.fixed') && (tabOffset - mainOffset) <= mainScrollPos) { tabs!.classList.add("fixed"); + tabs!.style.top = mainOffset+'px'; } else if (document.querySelector('.nav-tabs.fixed') && mainScrollPos <= (contentOffset - mainOffset)) { tabs!.classList.remove("fixed"); }