fix: mobile tree menu button z-index issue

essenmitsosse · essenmitsosse · commit 25237d340d60 · 2026-02-08T23:55:42.000+01:00
diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
@@ -29,7 +29,7 @@ watch(isOpen, open => (isLocked.value = open))
   <!-- Toggle button (mobile only) -->
   <button
     type="button"
-    class="md:hidden fixed bottom-4 inset-ie-4 z-40 w-12 h-12 bg-bg-elevated border border-border rounded-full shadow-lg flex items-center justify-center text-fg-muted hover:text-fg transition-colors"
+    class="md:hidden fixed bottom-4 inset-ie-4 z-45 w-12 h-12 bg-bg-elevated border border-border rounded-full shadow-lg flex items-center justify-center text-fg-muted hover:text-fg transition-colors"
     :aria-label="$t('code.toggle_tree')"
     @click="isOpen = !isOpen"
   >

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ watch(isOpen, open => (isLocked.value = open))`
`29`	`29`	`<!-- Toggle button (mobile only) -->`
`30`	`30`	`<button`
`31`	`31`	`type="button"`
`32`		`- class="md:hidden fixed bottom-4 inset-ie-4 z-40 w-12 h-12 bg-bg-elevated border border-border rounded-full shadow-lg flex items-center justify-center text-fg-muted hover:text-fg transition-colors"`
	`32`	`+ class="md:hidden fixed bottom-4 inset-ie-4 z-45 w-12 h-12 bg-bg-elevated border border-border rounded-full shadow-lg flex items-center justify-center text-fg-muted hover:text-fg transition-colors"`
`33`	`33`	`:aria-label="$t('code.toggle_tree')"`
`34`	`34`	`@click="isOpen = !isOpen"`
`35`	`35`	`>`