tiennm99/coolify
1
0
Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-09-07 18:17:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): unify status summaries, tooltips, and resource headings

Browse Source 
Add shared status-summary and icon-tooltip components and wire them into
application, service, and database headings, breadcrumbs, and previews.
Badge production and PR domain links, prefer helper popups below the
trigger, keep full wire targets for button loading, and cover the UI
with feature tests.
This commit is contained in:
Andras Bacsai
2026-08-06 18:15:58 +02:00
parent 6b41899d5b
commit 262ad8981a
35 changed files with 749 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Feature/HelperInfoButtonTest.php
+14 -3
View File
@@ -59,12 +59,23 @@ test('helper popup stays in its alpine scope during livewire morphs', function (
->not->toContain('x-teleport');
});
test('helper popup prefers a position above its info button', function () {
test('helper triggers do not create stacking contexts above open tooltips', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));
expect($helper)
->toContain('let top = triggerRect.top - popupRect.height - padding;')
->toContain('top = triggerRect.bottom + padding;');
->toContain("'class' => 'relative inline-block align-middle'")
->toContain("'info-helper relative inline-flex")
->not->toContain("'class' => 'relative z-10 inline-block align-middle'")
->not->toContain("'info-helper relative z-10 inline-flex");
});
test('helper popup prefers a position below its trigger and falls back above', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));
expect($helper)
->toContain('let top = triggerRect.bottom + padding;')
->toContain('let left = triggerRect.right - popupRect.width;')
->toContain('top = triggerRect.top - popupRect.height - padding;');
});
test('helper popup supports focus dismissal and tooltip aria relationships', function () {