diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue index 6a232ec..bac433b 100644 --- a/src/components/FluxNote.vue +++ b/src/components/FluxNote.vue @@ -2,6 +2,9 @@
+

[ import('@/components/StackedNote.vue') @@ -71,6 +75,7 @@ export default defineComponent({ const { renderString } = useMarkdown() const { listenToClick } = useLinks('note-display') const { stackedNotes, resetStackedNotes } = useQueryStackedNotes() + const { scrollToFocusedNote } = useFocus() const { ...noteProps } = useNote('note-container') @@ -108,6 +113,7 @@ export default defineComponent({ stackedNotes, resetStackedNotes, userSettings: computed(() => store.userSettings), + focus: () => scrollToFocusedNote(), ...noteProps } } @@ -156,6 +162,18 @@ $header-height: 40px; } @media screen and (min-width: 769px) { + .repo-title-breadcrumb { + padding: 0 1rem; + transform-origin: 0 0; + transform: rotate(90deg); + + a { + color: #363636; + display: block; + text-align: center; + } + } + .note { min-width: 620px; max-width: 620px; @@ -171,5 +189,10 @@ $header-height: 40px; width: 100vw; } } + + .repo-title-breadcrumb { + display: none; + visibility: hidden; + } } diff --git a/src/hooks/useFocus.hook.ts b/src/hooks/useFocus.hook.ts index f51deb3..6099971 100644 --- a/src/hooks/useFocus.hook.ts +++ b/src/hooks/useFocus.hook.ts @@ -11,8 +11,10 @@ export const useFocus = () => { const scrollToFocusedNote = (sha?: string) => { if (!sha) { + scrollToNote(0) return } + nextTick(() => { const index = stackedNotes.value.findIndex((noteSHA) => noteSHA === sha)