fix(ui): reverse collapsed sidebar footer and polish server filter

Use flex-col-reverse when the sidebar is collapsed, apply the shared
input focus class on the server filter field, and mark the selected
server with a check-circle icon. Update navbar layout tests.
This commit is contained in:
Andras Bacsai
2026-08-05 20:28:20 +02:00
parent ec165412c3
commit cd62012ff8
4 changed files with 15 additions and 4 deletions
@@ -75,7 +75,8 @@ it('places the account menu beside the desktop sidebar toggle while retaining it
expect($navbar)
->toContain('<x-top-user-menu sidebar />')
->toContain('Toggle sidebar');
->toContain('Toggle sidebar')
->toContain("collapsed ? 'flex-col-reverse justify-center'");
expect($accountMenu)
->toContain("'sidebar' => false")
@@ -30,3 +30,13 @@ it('collapses server subsystem badges into one status summary', function () {
->toContain('<button')
->toContain("merge(['type' => 'button'])");
});
it('uses the branded input focus state for the server filter', function () {
$navbarView = file_get_contents(resource_path('views/livewire/server/navbar.blade.php'));
expect($navbarView)
->toContain('placeholder="Filter servers…"')
->toContain('class="input h-7!')
->toContain('<x-reicon name="check-circle"')
->not->toContain('<x-reicon name="check"');
});