fix: make sidebar scrollable if higher than the viewport (#1829)
This commit is contained in:
parent
2c83e3bd84
commit
d44c9a05cf
@ -56,7 +56,7 @@
|
||||
v-divider
|
||||
v-container.pl-5.pt-4(fluid, grid-list-xl)
|
||||
v-layout(row)
|
||||
v-flex.page-col-sd(lg3, xl2, v-if='$vuetify.breakpoint.lgAndUp', align-self-start, style='margin-top: -90px; position: sticky; top: 70px;')
|
||||
v-flex.page-col-sd(lg3, xl2, v-if='$vuetify.breakpoint.lgAndUp')
|
||||
v-card.mb-5(v-if='tocDecoded.length')
|
||||
.overline.pa-5.pb-0(:class='$vuetify.theme.dark ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
|
||||
v-list.pb-3(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
|
||||
@ -603,4 +603,18 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.page-col-sd {
|
||||
margin-top: -90px;
|
||||
align-self: flex-start;
|
||||
position: sticky;
|
||||
top: 64px;
|
||||
max-height: calc(100vh - 64px);
|
||||
overflow-y: auto;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
.page-col-sd::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
Loading…
Reference in New Issue
Block a user