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)