Răsfoiți Sursa

fix: make page TOC sticky (#1825)

Reinier van der Leer 5 ani în urmă
părinte
comite
f7f6d266c8
1 a modificat fișierele cu 1 adăugiri și 1 ștergeri
  1. 1 1
      client/themes/default/components/page.vue

+ 1 - 1
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', style='margin-top: -90px;')
+          v-flex.page-col-sd(lg3, xl2, v-if='$vuetify.breakpoint.lgAndUp', align-self-start, style='margin-top: -90px; position: sticky; top: 70px;')
             v-card.mb-5(v-if='toc.length')
             v-card.mb-5(v-if='toc.length')
               .overline.pa-5.pb-0(:class='darkMode ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
               .overline.pa-5.pb-0(:class='darkMode ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
               v-list.pb-3(dense, nav, :class='darkMode ? `darken-3-d3` : ``')
               v-list.pb-3(dense, nav, :class='darkMode ? `darken-3-d3` : ``')