mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-19 14:15:37 +00:00
fix(ui): improve dropdown positioning and empty backup states
Refactor dropdown behavior, add sorted resource selection to breadcrumbs, and show an empty state when no backup executions exist.
This commit is contained in:
1 parent
232e2eab51
commit
b976d19f25
13 files changed
+274
-299
No files matched your search
@@ -4,20 +4,13 @@
|
||||
'multiselectable' => false,
|
||||
])
|
||||
|
||||
@php($panelId = 'table-dropdown-'.uniqid())
|
||||
|
||||
<div class="relative"
|
||||
x-data="floatingDropdown({ panelId: @js($panelId), portal: true, align: 'right', matchTriggerWidth: false })"
|
||||
@click.outside="close()" @keydown.escape.window="close()"
|
||||
@resize.window="open && schedulePosition()" @scroll.window="open && schedulePosition()">
|
||||
<div x-ref="trigger" @click="toggle()">
|
||||
<div class="relative" x-data="{ open: false }" @click.outside="open = false" @keydown.escape.window="open = false">
|
||||
<div @click="open = !open">
|
||||
{{ $trigger }}
|
||||
</div>
|
||||
|
||||
<div id="{{ $panelId }}" x-show="open" x-cloak
|
||||
class="listbox-panel floating-dropdown-panel z-[9999]! {{ $panelClass }}" style="position: fixed; visibility: hidden"
|
||||
:style="{ visibility: positioned ? 'visible' : 'hidden' }"
|
||||
x-effect="if (open) schedulePosition($el)" role="{{ $role }}"
|
||||
<div x-show="open" x-cloak
|
||||
class="listbox-panel absolute top-full! right-0! left-auto! mt-1! {{ $panelClass }}" role="{{ $role }}"
|
||||
@if ($multiselectable) aria-multiselectable="true" @endif>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user