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;");
|
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", () => {
|
it("TaskDetailModal: action dropdown menus have max-height constraint on mobile", () => {
|
||||||
const css = fs.readFileSync(stylesPath, "utf-8");
|
const css = fs.readFileSync(stylesPath, "utf-8");
|
||||||
const mobileBlock = getMainMobileBlock(css);
|
const mobileBlock = getMainMobileBlock(css);
|
||||||
|
|||||||
@@ -7242,6 +7242,12 @@ body {
|
|||||||
.gm-status-grid {
|
.gm-status-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gm-panel {
|
||||||
|
flex: none;
|
||||||
|
min-height: auto;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Tablet Responsive Tier (769px–1024px) === */
|
/* === Tablet Responsive Tier (769px–1024px) === */
|
||||||
|
|||||||
Reference in New Issue
Block a user