`
).appendTo(this.row);
@@ -327,7 +327,7 @@ export default class GridRow {
if (this.doc && !this.grid.df.in_place_edit) {
// remove row
if (!this.open_form_button) {
- this.open_form_button = $('
').appendTo(this.row);
if (!this.configure_columns) {
this.open_form_button = $(`
@@ -356,7 +356,7 @@ export default class GridRow {
if (this.configure_columns && this.frm) {
this.configure_columns_button = $(`
-
+
`)
@@ -366,7 +366,7 @@ export default class GridRow {
});
} else if (this.configure_columns && !this.frm) {
this.configure_columns_button = $(`
-
+
`).appendTo(this.row);
}
}
@@ -688,7 +688,7 @@ export default class GridRow {
if (this.show_search) {
// last empty column
- $(`
`).appendTo(this.row);
+ $(`
`).appendTo(this.row);
}
}
@@ -1149,6 +1149,9 @@ export default class GridRow {
return this;
}
show_form() {
+ if (frappe.utils.is_xs()) {
+ $(this.grid.form_grid).css("min-width", "0");
+ }
if (!this.grid_form) {
this.grid_form = new GridRowForm({
row: this,
@@ -1187,6 +1190,9 @@ export default class GridRow {
}
}
hide_form() {
+ if (frappe.utils.is_xs()) {
+ $(this.grid.form_grid).css("min-width", "1000px");
+ }
frappe.dom.unfreeze();
this.row.toggle(true);
if (!frappe.dom.is_element_in_modal(this.row)) {
diff --git a/frappe/public/scss/common/grid.scss b/frappe/public/scss/common/grid.scss
index 965652ffee..3bee40d2f2 100644
--- a/frappe/public/scss/common/grid.scss
+++ b/frappe/public/scss/common/grid.scss
@@ -484,6 +484,21 @@
margin-bottom: 4px;
}
+@media (max-width: map-get($grid-breakpoints, "md")) {
+ .form-grid-container {
+ overflow-x: scroll;
+
+ .form-grid {
+ min-width: 1000px;
+ }
+ }
+
+ .form-column.col-sm-6 .form-grid {
+ .row-index {
+ display: block;
+ }
+ }
+}
@media (max-width: map-get($grid-breakpoints, "sm")) {
.form-in-grid .form-section .form-column {