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
Tables with scroll bars in small resolutions #3138
Comments
@mariobehling this was the solution we unanimously decided for tables in smaller resolution. Moreover I don't think this is a bug. This is a well discussed and decided plan that we implemented. There is no other way to make tables responsive. We discussed things like showing accordion and stuff but they all create lots of problem with dependencies. So I feel scroll in smaller resolution is the best solution as of now. @niranjan94 your views? |
@niranjan94 @magdalenesuo check the comment here and tell your views... Do you think we should move to accordion for smaller screens?? Because I don't see any way of showing an entire table without scroll in smaller screens??? @mariobehling any suggestions??? |
@SaptakS To go for tables allowed us to get started and focus on the features itself. Genetella is an admin theme originally. So, it is not always the best solution. However, in this issue it would be out of scope to decide on the next steps of the design, but I hope we can get a more evolutionary solution here for the moment.
Does this make sense? |
The problem with this is the top navbars looks weird then since the entire page will have a horizontal scroll but the width of the top navbar and other parts will remain same. So it might look weird. We need to find out something so that it doesn't break other designs as well. |
Sure. Maybe there is no perfect solution for the moment, but as long as there are no internal scroll bars, it would be a step in a good direction. |
I would like to give it a shot. I think I can provide a simple solution that will not break the design |
@poush Thank you, but the goal is to have no internal scroll bars. Cheers. |
Very nice idea. This could work out, as we still have the filters. Excellent! |
Actually, in fact we could get rid of the column "Order Status" completely and integrate it in the "Order Column" that you show. |
Great then, I will make a PR for this. |
The PR fixes this problem for only orders table... But I believe this problem is there in all tables.. |
I will make these changes on all other table too. |
Please reduce the width of "#" and "Qty" in all ticket order/attendee tables as well. Thank you. |
Attendee and Orders page have been fixed. @mariobehling @SaptakS @niranjan94 Can you suggest something for Manage Events page? Can we hide one or two column on reducing screen size? First look tells me that width can be reduced through "Public Url" column. |
Last column can probably also be reduced. |
To be handled in |
We are using some tables in a number of pages, e.g.
/events/
. In smaller resolutions these tables result in scrollbars within pages.Please implement a solution without -internal- scroll bars.
This issue is also related to: #3059
The text was updated successfully, but these errors were encountered: