mirror of
https://github.com/coollabsio/coolify.git
synced 2026-09-27 17:55:59 -04:00
fix(ui): use dropdown-level shadow for popovers and floating menus
Replace inline modal-shadow styles on toasts, popups, and warning banners with a shared `surface-popover` utility that uses the lighter dropdown shadow instead of the heavier modal shadow. Apply the same `shadow-dropdown` swap to the deployments indicator pill and the server/deployment log floating menus. Remove now-unused console header and error-contact-link rules from app.css, and add a test asserting these surfaces consistently use the dropdown shadow.
This commit is contained in:
committed by
Andras Bacsai
parent
9fbeb352a4
commit
0cdb98d969
@@ -0,0 +1,57 @@
|
||||
<?php
|
||||
|
||||
function cssSource(string $file): string
|
||||
{
|
||||
return file_get_contents(__DIR__.'/../../resources/css/'.$file);
|
||||
}
|
||||
|
||||
function bladeSource(string $path): string
|
||||
{
|
||||
return file_get_contents(__DIR__.'/../../resources/views/'.$path);
|
||||
}
|
||||
|
||||
it('gives the shared popover surface the dropdown lift, not the modal lift', function () {
|
||||
$utilities = cssSource('utilities.css');
|
||||
|
||||
expect($utilities)
|
||||
->toContain('@utility surface-popover')
|
||||
->toContain('var(--shadow-dropdown)');
|
||||
|
||||
// The surface-popover block itself must not fall back to the heavy modal shadow.
|
||||
preg_match('/@utility surface-popover\s*\{(.*?)\}/s', $utilities, $match);
|
||||
expect($match[1] ?? '')
|
||||
->toContain('var(--shadow-dropdown)')
|
||||
->not->toContain('var(--shadow-modal)');
|
||||
});
|
||||
|
||||
it('renders toasts and change-pending popovers with the shared dropdown-level surface', function (string $path) {
|
||||
$source = bladeSource($path);
|
||||
|
||||
expect($source)
|
||||
->toContain('surface-popover')
|
||||
->not->toContain('--shadow-modal');
|
||||
})->with([
|
||||
'components/toast.blade.php',
|
||||
'components/configuration-warning.blade.php',
|
||||
'components/proxy-configuration-warning.blade.php',
|
||||
'components/popup-small.blade.php',
|
||||
'livewire/deployments-indicator.blade.php',
|
||||
]);
|
||||
|
||||
it('uses the dropdown shadow on floating menus instead of the modal shadow', function (string $path) {
|
||||
expect(bladeSource($path))
|
||||
->toContain('shadow-dropdown')
|
||||
->not->toContain('shadow-modal');
|
||||
})->with([
|
||||
'livewire/server/show.blade.php',
|
||||
'livewire/project/application/deployment/show.blade.php',
|
||||
]);
|
||||
|
||||
it('gives the command palette the shared dropdown lift', function () {
|
||||
$app = cssSource('app.css');
|
||||
|
||||
preg_match('/\.command-palette\s*\{(.*?)\}/s', $app, $match);
|
||||
expect($match[1] ?? '')
|
||||
->toContain('var(--shadow-dropdown)')
|
||||
->not->toContain('var(--shadow-modal)');
|
||||
});
|
||||
Reference in New Issue
Block a user