tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-14 20:17:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): keep deployment history columns scrollable on mobile

Browse Source 
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:
Andras Bacsai committed 2026-08-06 21:52:56 +02:00
1 parent 8f255bd6e2
commit 39197d0357
3 files changed
+37 -28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/css/app.css
+12 -18
View File
@@ -2329,7 +2329,14 @@ input[type="search"]::-webkit-search-results-decoration {
}
}
.deployment-table-scroll {
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
.deployment-table-grid {
min-width: 59rem;
grid-template-columns: 7.5rem minmax(7rem, 0.8fr) minmax(12rem, 1.7fr) minmax(8rem, 0.9fr) 6.5rem minmax(7rem, 0.8fr);
}
@@ -2408,15 +2415,6 @@ input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.deployment-table-grid {
grid-template-columns: 7.5rem minmax(7rem, 0.8fr) minmax(10rem, 1.4fr) minmax(8rem, 0.9fr);
}
.deployment-table-grid > :nth-child(5),
.deployment-table-grid > :nth-child(6) {
display: none;
}
.team-members-table-grid {
grid-template-columns: minmax(0, 1fr) 7rem 7rem;
}
@@ -2477,15 +2475,6 @@ input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.deployment-table-grid {
grid-template-columns: 7.5rem minmax(0, 1fr);
}
.deployment-table-grid > :nth-child(2),
.deployment-table-grid > :nth-child(4) {
display: none;
}
.team-members-table-grid {
grid-template-columns: minmax(0, 1fr) 6.5rem;
}
@@ -2671,6 +2660,11 @@ html[data-theme="custom"] .logs-viewer-timestamp {
gap: 0.5rem;
}
.logs-viewer-primary .logs-viewer-actions {
width: auto;
flex: 1 1 auto;
}
.logs-viewer-search {
position: relative;
min-width: 0;