fix(FN-1851): make GitManager remotes tab scrollable on mobile
- Add overflow-y: auto and max-height to remotes tab panel for mobile scrolling - Add test to verify GitManager modal remotes panel is scrollable at mobile widths - Ensures remotes content is accessible on small screens without overflow issues
This commit is contained in:
@@ -102,6 +102,14 @@ describe("core modals mobile css coverage", () => {
|
||||
expect(mobileBlock).toContain("min-height: 36px;");
|
||||
});
|
||||
|
||||
it("GitManagerModal: panel allows content scrolling on mobile", () => {
|
||||
const css = fs.readFileSync(stylesPath, "utf-8");
|
||||
const mobileBlock = getMainMobileBlock(css);
|
||||
|
||||
expect(mobileBlock).toContain(".gm-panel {");
|
||||
expect(mobileBlock).toContain("overflow-y: auto;");
|
||||
});
|
||||
|
||||
it("TaskDetailModal: action dropdown menus have max-height constraint on mobile", () => {
|
||||
const css = fs.readFileSync(stylesPath, "utf-8");
|
||||
const mobileBlock = getMainMobileBlock(css);
|
||||
|
||||
@@ -7242,6 +7242,12 @@ body {
|
||||
.gm-status-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.gm-panel {
|
||||
flex: none;
|
||||
min-height: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* === Tablet Responsive Tier (769px–1024px) === */
|
||||
|
||||
Reference in New Issue
Block a user