You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In the current implementation of GridField, on small screens all columns are hidden (display: none;). In addition to the first one, new rules for display are applied to it (display: table-cell;).
With the current implementation of Nested GridField, the first column is occupied by an arrow icon and therefore the title (or any other fields in first data column) goes into the next column and is not displayed, except when this column contains information from the "Title" field (in this case, .grid-field__table td.col-Title {display: table- cell;});
The styles for nested GridField should be updated to display the first field correctly on small screens.
The text was updated successfully, but these errors were encountered:
sabina-talipova
changed the title
Newsted GridField dosn't have "Title" on small screens (less than 768px)
Nested GridField dosn't have "Title" on small screens (less than 768px)
May 22, 2024
Description
In the current implementation of GridField, on small screens all columns are hidden (
display: none;
). In addition to the first one, new rules for display are applied to it (display: table-cell;
).With the current implementation of Nested GridField, the first column is occupied by an arrow icon and therefore the title (or any other fields in first data column) goes into the next column and is not displayed, except when this column contains information from the "Title" field (in this case,
.grid-field__table td.col-Title {display: table- cell;}
);The styles for nested GridField should be updated to display the first field correctly on small screens.
The text was updated successfully, but these errors were encountered: