Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested GridField dosn't have "Title" on small screens (less than 768px) #396

Open
sabina-talipova opened this issue May 22, 2024 · 0 comments

Comments

@sabina-talipova
Copy link
Collaborator

sabina-talipova commented 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.

Screenshot 2024-05-23 at 10 20 32 AM

@sabina-talipova 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants