feat(FN-3367): fix Git Manager mobile changes overflow

- Add mobile-only Git Manager layout rules so changes lists and sections can shrink without horizontal page scrolling
- Wrap section header actions and file rows at narrow widths while preserving readable file names and controls
- Extend GitManagerModal CSS regression coverage for mobile wrapping selectors
- Add core mobile modal test assertions for wrapped actions/rows and bounded section width
- Add a patch changeset for @runfusion/fusion documenting the mobile overflow fix

Fusion-Task-Id: FN-3367
This commit is contained in:
Fusion
2026-05-04 18:43:51 -07:00
committed by gsxdsm
parent 4073aba5e2
commit 15293802ed
4 changed files with 87 additions and 1 deletions

View File

@@ -3350,6 +3350,60 @@
/* ── Responsive ── */
@media (max-width: 768px) {
.gm-changes-split {
grid-template-columns: 1fr;
}
.gm-changes-lists {
min-width: 0;
max-width: 100%;
}
.gm-file-section {
min-width: 0;
max-width: 100%;
}
.gm-file-section-header {
flex-wrap: wrap;
gap: var(--space-sm);
}
.gm-file-section-header h5 {
min-width: 0;
flex: 1 1 auto;
}
.gm-file-section-actions {
flex: 1 1 100%;
flex-wrap: wrap;
min-width: 0;
justify-content: flex-start;
}
.gm-file-section-actions .btn {
flex: 1 1 auto;
min-width: 0;
}
.gm-file-item {
min-width: 0;
flex-wrap: wrap;
row-gap: var(--space-xs);
}
.gm-file-checkbox,
.gm-file-icon,
.gm-file-badge,
.gm-file-item .gm-icon-btn {
flex: 0 0 auto;
}
.gm-file-name {
flex: 1 1 auto;
min-width: 0;
}
.gm-remotes-layout {
grid-template-columns: 1fr;
}