Fix Column header button and icon alignment

This commit is contained in:
Naomi Ahmed 2022-12-22 18:35:56 +00:00
parent 87591935a7
commit 1c6829d5c3
No known key found for this signature in database
GPG Key ID: 06574D64E0AB9A3C
1 changed files with 11 additions and 1 deletions

View File

@ -23,7 +23,7 @@
<slot name="action"></slot>
</div>
<span class="header"><slot name="header"></slot></span>
<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-three-dots-outline-vertical-bold ph-lg"></i></button>
<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-dots-three-outline-vertical-bold ph-lg"></i></button>
</header>
<div v-show="active" ref="body">
<slot></slot>
@ -245,6 +245,16 @@ function onDrop(ev) {
}
</script>
<style lang="scss">
.dnpfarvg {
header {
.ph-lg {
vertical-align: -.24em;
}
}
}
</style>
<style lang="scss" scoped>
.dnpfarvg {
--root-margin: 10px;