Frappe v15 full width

Frappe Framework
1

Is there a reason why the page width isn’t displaying full screen? The preview in the Doctype settings looks much better in comparison.

Full Width in Doctype Preview:

image
image1919×913 57.4 KB

Doctype View:

image
image1917×810 39.8 KB

2

Hi @Zachary_Liebregts:

This screenshots are not coming from v15, belongs to develop (v16) branch.
The UI change is intended, due to new design pattern adopted by Frappe.

IMHO, this is not good UX, lot of wasted space.
Related Github issue:

3

Agreed, was really hoping it was a bug as it makes everything feel cramped especially with child tables. Additionally with no more in line edits of child table rows I’m considering just going back to v15.

4

I think sometime, somehow … this “full width” issue will be reconsidered.
Meanwhile, I managed this with a bit of css in a custom app …

5

Would you mind sharing the custom css?

6

Sure:

This custom app includes just this css

:root {
    --page-max-width: 100%;
  }

.grid-row-open .form-in-grid {
    max-width: var(--form-in-grid-max-width, 100%); /* Default value */
}

Check this too, more elaborated.

1 Like