liz/wikijs-fork
liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
NGPixel 2022-12-10 19:38:26 -05:00
parent c91ff2da7e
commit d6d88ed976
No known key found for this signature in database
GPG Key ID: 8FDA2F1757F60D63
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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