Next cloud deck table scrolling #5377
Conversation
| /* Add horizontal scrollbar for tables in card descriptions */ | ||
| .card-description table { | ||
| width: 100%; /* Ensure the table takes 100% width of the container */ | ||
| overflow-x: auto; /* Enable horizontal scrolling */ | ||
| } |
There was a problem hiding this comment.
I don't think we need this duplicate rule over here, best would be to only adjust this in the component that renders the table which would be here:
deck/src/components/card/Description.vue
Line 52 in 9e41cb1
There was a problem hiding this comment.
Note the scoping might limit the css rule so you probably need something like
.description__text:deep(table) {
|
Hi @adshrest Would you still be up for addressing the comments? Let me know if there are any questions. |
|
Hello there, We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process. Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6 Thank you for contributing to Nextcloud and we hope to hear from you soon! |
Description:
Currently, when a table is created within a Deck card description, and the table width exceeds the display-box width, users have to use a touchpad to scroll horizontally. This can be inconvenient, as there are no visible horizontal scrollbars indicating additional columns.
Proposal:
I suggest implementing a horizontal scrollbar for tables within the Deck card description. This can be achieved with a simple CSS tweak, such as adding overflow-x: scroll; to the relevant style.