mirror of
https://github.com/coollabsio/coolify.git
synced 2026-10-05 21:47:10 -04:00
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:
@@ -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"');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user