make the tabs stick to the top while scrolling

3 years ago · 7632c71575
parent cfba76019b
commit 7632c71575
2 changed files with 7 additions and 1 deletions
--- a/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html
+++ b/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html
@ -1,4 +1,4 @@
-<div class="op-scrollable-tabs" [ngClass]="classes">
+<div class="op-scrollable-tabs -sticky" [ngClass]="classes">
  <div
    #scrollContainer
    class="op-scrollable-tabs--tab-container"
--- a/frontend/src/global_styles/content/_scrollable_tabs.sass
+++ b/frontend/src/global_styles/content/_scrollable_tabs.sass
@ -43,3 +43,9 @@
    &:hover
      color: var(--content-link-color)
      cursor: pointer
+
+  &.-sticky
+    position: sticky
+    top: 0
+    background: white
+    z-index: 1