remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (stacked note) better titles

Browse Source
This commit is contained in:
Julien Calixte
2021-04-05 16:35:11 +02:00
parent 6347edd82e
commit d492e77a05
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/StackedNote.vue
View File

@@ -9,7 +9,7 @@
> >
<div class="title-stacked-note" :class="titleClassName"> <div class="title-stacked-note" :class="titleClassName">
<a @click.prevent="focus"> <a @click.prevent="focus">
{{ title }} {{ displayedTitle }}
</a> </a>
</div> </div>
<section class="note-content" v-html="content"></section> <section class="note-content" v-html="content"></section>
@@ -39,6 +39,7 @@ export default defineComponent({
const titleClassName = computed(() => `title-${className.value}`) const titleClassName = computed(() => `title-${className.value}`)
const { displayNoteOverlay } = useNoteOverlay(className.value, props.index) const { displayNoteOverlay } = useNoteOverlay(className.value, props.index)
const displayedTitle = computed(() => props.title.replaceAll('/', ' / '))
watch(content, () => { watch(content, () => {
if (content.value) { if (content.value) {
@@ -55,6 +56,7 @@ export default defineComponent({
titleClassName, titleClassName,
className, className,
displayNoteOverlay, displayNoteOverlay,
displayedTitle,
focus: () => scrollToFocusedNote(props.sha) focus: () => scrollToFocusedNote(props.sha)
} }
} }