Skip to content

Commit 2872d9b

Browse files
committed
docs: make nav tabs sticky for easier navigation while scrolling
1 parent 9951497 commit 2872d9b

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

docs/src/app/pages/component-viewer/component-viewer.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,10 @@ app-component-viewer {
3030

3131
.docs-component-viewer-tabbed-content {
3232
margin-bottom: 25px;
33+
position: sticky !important;
34+
top: 0;
35+
z-index: 1;
36+
background: var(--mat-sys-surface);
3337
}
3438

3539
.docs-component-viewer-content {
@@ -49,7 +53,7 @@ app-component-viewer {
4953
}
5054

5155
table-of-contents {
52-
top: 35px;
56+
top: 50px;
5357
position: sticky;
5458

5559
// Reposition on top of content on small screens and remove

0 commit comments

Comments
 (0)