0cdb98d969
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.
57 lines
1.9 KiB
PHP
57 lines
1.9 KiB
PHP
<?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)');
|
|
});
|