Skip to content

Commit 1d2ae2f

Browse files
committed
Fix content sidebar dropdown positioning
Added CSS rules to ensure tree node action dropdowns in the content sidebar are positioned correctly on desktop. This addresses UI issues with dropdown alignment.
1 parent 4f043c0 commit 1d2ae2f

File tree

3 files changed

+12
-3
lines changed

3 files changed

+12
-3
lines changed

resources/css/index.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,3 +72,12 @@
7272
.filament-peek-modal {
7373
--spacing: 0.25rem;
7474
}
75+
76+
/* Content Sidebar Dropdown Fix */
77+
.content-sidebar_desktop {
78+
.tree-node-item {
79+
.tree-node-actions .tree-node-action {
80+
@apply fixed! -ms-5!;
81+
}
82+
}
83+
}

resources/dist/inspirecms.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

resources/views/livewire/content-sidebar.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,8 @@ class="p-4 rounded-full shadow-md"
5555
</x-filament::modal>
5656

5757
<!-- Static sidebar for desktop -->
58-
<div class="hidden lg:fixed lg:top-16 lg:bottom-0 lg:flex lg:w-72 lg:flex-col content-sidebar_desktop">
59-
<div class="flex grow flex-col gap-y-5 overflow-y-auto border-e border-gray-200 bg-white py-2 dark:bg-gray-900 dark:border-gray-700">
58+
<div class="hidden lg:fixed lg:top-y-16 lg:left-0 lg:w-72 lg:flex lg:flex-col content-sidebar_desktop z-40 h-svh">
59+
<div class="flex grow flex-col gap-y-5 overflow-y-auto overflow-x-visible border-e border-gray-200 bg-white py-2 dark:bg-gray-900 dark:border-gray-700">
6060
<x-inspirecms-support::tree-node.service-side-tree
6161
:nodes="$nodes"
6262
:livewire="$this"

0 commit comments

Comments
 (0)