Browse Source
fix: make sidebar scrollable if higher than the viewport (#1829)
pull/1949/head
Reinier van der Leer
5 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
15 additions and
1 deletions
-
client/themes/default/components/page.vue
|
|
@ -56,7 +56,7 @@ |
|
|
v-divider |
|
|
v-divider |
|
|
v-container.pl-5.pt-4(fluid, grid-list-xl) |
|
|
v-container.pl-5.pt-4(fluid, grid-list-xl) |
|
|
v-layout(row) |
|
|
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') |
|
|
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')}} |
|
|
.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` : ``') |
|
|
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> |
|
|
</style> |
