mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 02:15:51 +00:00
fix(ui): keep deployment history columns scrollable on mobile
Replace responsive column-hiding with horizontal scroll and a fixed min-width grid so Status, Source, Commit, Started, Duration, and Server stay available on small screens. Also let logs-viewer actions grow in the primary toolbar so the status badge remains usable.
This commit is contained in:
1 parent
8f255bd6e2
commit
39197d0357
3 files changed
+37
-28
No files matched your search
@@ -176,6 +176,19 @@ it('uses a mobile-friendly stacked logs toolbar markup', function () {
|
||||
->toContain('relative order-7 shrink-0');
|
||||
});
|
||||
|
||||
it('keeps deployment history fields and the log status badge accessible on mobile', function () {
|
||||
$deploymentIndexView = file_get_contents(resource_path('views/livewire/project/application/deployment/index.blade.php'));
|
||||
$appCss = file_get_contents(resource_path('css/app.css'));
|
||||
|
||||
expect($deploymentIndexView)
|
||||
->toContain('deployment-table-scroll')
|
||||
->and($appCss)
|
||||
->toContain(".deployment-table-scroll {\n overflow-x: auto;")
|
||||
->toContain(".deployment-table-grid {\n min-width: 59rem;")
|
||||
->not->toContain('.deployment-table-grid > :nth-child')
|
||||
->toContain(".logs-viewer-primary .logs-viewer-actions {\n width: auto;\n flex: 1 1 auto;");
|
||||
});
|
||||
|
||||
it('places cancel deployment controls inside the deployment logs toolbar', function () {
|
||||
$deployment = ApplicationDeploymentQueue::create([
|
||||
'application_id' => $this->application->id,
|
||||
|
||||
Reference in new issue
Block a user