mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 14:17:18 +00:00
fix(ui): use solid surfaces for deployment indicator states
Remove deployment opacity fading and translucent dark-theme surfaces, and drop the global listbox hover background rule.
This commit is contained in:
1 parent
9d64b30612
commit
92d6fe9d4e
5 files changed
+23
-29
No files matched your search
@@ -30,7 +30,7 @@ it('uses the redesigned elevated surface and status badge patterns', function ()
|
||||
->toContain("'In progress'")
|
||||
->toContain("'Queued'")
|
||||
->toContain('dark:text-fg')
|
||||
->toContain('dark:border-white/[0.08]')
|
||||
->toContain('dark:border-coolgray-300')
|
||||
->toContain('$this->shouldShow')
|
||||
->toContain('updateShouldShowFromPath')
|
||||
->toContain('livewire:navigated')
|
||||
@@ -39,3 +39,16 @@ it('uses the redesigned elevated surface and status badge patterns', function ()
|
||||
->not->toContain('text-gray-800')
|
||||
->not->toContain("str_replace('_', ' ', \$deployment->status)");
|
||||
});
|
||||
|
||||
it('uses solid surfaces in every deployments indicator state', function () {
|
||||
$indicatorView = file_get_contents(resource_path('views/livewire/deployments-indicator.blade.php'));
|
||||
|
||||
expect($indicatorView)
|
||||
->not->toContain('reduceOpacity')
|
||||
->not->toContain('transition-opacity')
|
||||
->not->toContain('x-transition:enter-start="opacity-0')
|
||||
->not->toContain('x-transition:leave-end="opacity-0')
|
||||
->not->toContain('dark:bg-white/[')
|
||||
->not->toContain('dark:hover:bg-white/[')
|
||||
->not->toContain('dark:border-white/[');
|
||||
});
|
||||
@@ -22,13 +22,6 @@ test('listbox trigger height matches shared inputs', function () {
|
||||
->toMatch('/\.application-settings-workspace \.listbox-trigger[^}]*height: 2rem;/s');
|
||||
});
|
||||
|
||||
test('listbox trigger uses an opaque background on hover', function () {
|
||||
$css = file_get_contents(resource_path('css/app.css'));
|
||||
|
||||
expect($css)
|
||||
->toMatch('/\.listbox-trigger:hover \{[^}]*background: var\(--coollabs-fill\);/s');
|
||||
});
|
||||
|
||||
test('listbox component uses shared trigger label truncation', function () {
|
||||
$html = Blade::render(<<<'BLADE'
|
||||
<x-forms.listbox id="longOption" label="Example"
|
||||
|
||||
Reference in new issue
Block a user