tiennm99/coolify
1
0
Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-08-21 00:24:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): cap helper popup width and share destination status

Browse Source 
Limit helper info popups to 320px with normal text wrapping so
content stacks vertically. Use the shared status-summary on the
application destination card instead of custom status badges.
This commit is contained in:
Andras Bacsai
2026-08-07 13:02:54 +02:00
parent 4539d1442e
commit 7c6d00c8de
4 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Feature/HelperInfoButtonTest.php
+11 -1
View File
@@ -86,11 +86,21 @@ test('helper popup stays within the visual viewport on mobile', function () {
->toContain('window.visualViewport')
->toContain('viewport?.offsetLeft')
->toContain('viewport?.offsetTop')
->toContain('max-width: ${availableWidth}px;')
->toContain('max-width: ${popupWidth}px;')
->toContain('max-height: ${availableHeight}px;')
->toContain('overflow-y: auto;');
});
test('helper popup width is capped while allowing content to wrap vertically', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));
expect($helper)
->toContain('const maxPopupWidth = 320;')
->toContain('const popupWidth = Math.min(maxPopupWidth, availableWidth);')
->toContain('max-width: ${popupWidth}px;')
->toContain('whitespace-normal');
});
test('helper popup supports focus dismissal and tooltip aria relationships', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));