bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix sibling btn positionning

Browse Source
This commit is contained in:
axolotle
2021-07-05 18:01:56 +02:00
parent 04a5e2de72
commit f84cbe0c00
1 changed files with 51 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/nodes/NodeViewFooter.vue
+14 -1
View File
@@ -3,6 +3,7 @@
class="node-view-footer" :class="'node-view-footer-' + mode" class="node-view-footer" :class="'node-view-footer-' + mode"
> >
<div class="node-view-footer-wrapper w-100"> <div class="node-view-footer-wrapper w-100">
<div class="node-view-footer-base">
<div class="tags mb-n2"> <div class="tags mb-n2">
<b-badge <b-badge
v-for="tag in node.tags" :key="tag.id" v-for="tag in node.tags" :key="tag.id"
@@ -13,7 +14,7 @@
</div> </div>
<div v-if="mode === 'view' && node.siblings && node.siblings.length"> <div v-if="mode === 'view' && node.siblings && node.siblings.length">
<b-button :id="'siblings-' + node.id" variant="depart" class="mb-2"> <b-button :id="'siblings-' + node.id" variant="depart" class="siblings">
{{ $t('siblings') }} {{ $t('siblings') }}
</b-button> </b-button>
@@ -44,6 +45,7 @@
</ul> </ul>
</b-popover> </b-popover>
</div> </div>
</div>
<div v-if="mode === 'card' && preview" class="mt-2"> <div v-if="mode === 'card' && preview" class="mt-2">
<b-button @click="onOpenSelf()" variant="depart" class="btn-read"> <b-button @click="onOpenSelf()" variant="depart" class="btn-read">
@@ -115,6 +117,17 @@ export default {
font-size: 1rem; font-size: 1rem;
} }
&-base {
display: flex;
align-items: flex-start;
.siblings {
display: block;
white-space: nowrap;
margin-left: 1rem;
}
}
.btn-read { .btn-read {
pointer-events: auto; pointer-events: auto;
} }