Browse Source

fix: edit buttons header alignment when toc sidebar is on the right

pull/3168/merge v2.5.294
NGPixel 1 year ago
parent
commit
d6d88ed976
No known key found for this signature in database GPG Key ID: 8FDA2F1757F60D63
1 changed files with 15 additions and 4 deletions
  1. 19
      client/themes/default/components/page.vue

19
client/themes/default/components/page.vue

@ -58,9 +58,13 @@
style='margin-top: auto; margin-bottom: auto;'
:class='$vuetify.rtl ? `pr-4` : `pl-4`'
)
.headline.grey--text(:class='$vuetify.theme.dark ? `text--lighten-2` : `text--darken-3`') {{title}}
.caption.grey--text.text--darken-1 {{description}}
.page-edit-shortcuts(v-if='editShortcutsObj.editMenuBar')
.page-header-headings
.headline.grey--text(:class='$vuetify.theme.dark ? `text--lighten-2` : `text--darken-3`') {{title}}
.caption.grey--text.text--darken-1 {{description}}
.page-edit-shortcuts(
v-if='editShortcutsObj.editMenuBar'
:class='tocPosition === `right` ? `is-right` : ``'
)
v-btn(
v-if='editShortcutsObj.editMenuBtn'
@click='pageEdit'
@ -742,9 +746,16 @@ export default {
position: relative;
}
.page-header-headings {
min-height: 52px;
display: flex;
justify-content: center;
flex-direction: column;
}
.page-edit-shortcuts {
position: absolute;
bottom: -43px;
bottom: -33px;
right: 10px;
.v-btn {

Loading…
Cancel
Save