meshery icon indicating copy to clipboard operation
meshery copied to clipboard

Make Tables Responsive for Mobile Devices

Open FaheemOnHub opened this issue 1 year ago • 12 comments

Description:

  • This PR ensures that tables are now fully responsive on mobile devices, improving the layout by converting them into cards.
  • Each row of the table is now represented as an individual card, with key-value pairs displayed for clarity.
  • This PR fixes #11683

Before:

https://github.com/user-attachments/assets/309cfa6a-e794-4fe4-a7a5-b140da232298

After:

https://github.com/user-attachments/assets/5be1681e-35fa-4f81-8247-caf011c0ace0

[Signed commits] (https://github.com/meshery/meshery/blob/master/CONTRIBUTING.md#signing-off-on-commits-developer-certificate-of-origin)

  • [x] Yes, I signed my commits.

FaheemOnHub avatar Jan 22 '25 09:01 FaheemOnHub

🚀 Preview for commit 148958b25da3a93405b6ebd2fc6bd8071d148505 at: https://6790bef683aa158ac6ad8fdd--meshery-docs-preview.netlify.app

l5io avatar Jan 22 '25 09:01 l5io

@FaheemOnHub, did you incorporate my feedback to reclaim lost space in the gutter (right side of the table)?

working on it now.

FaheemOnHub avatar Jan 24 '25 04:01 FaheemOnHub

🚀 Preview for commit 294ed24a472d0ccacaab839acd469f182448a463 at: https://67933f205605f8b53ad8c011--meshery-docs-preview.netlify.app

l5io avatar Jan 24 '25 07:01 l5io

@FaheemOnHub Thank you for your contribution! Let's discuss this during the website call on Monday at 7 AM CT | 6:30 PM IST.

adding it as an agenda item to the meeting minutes.

vishalvivekm avatar Jan 27 '25 09:01 vishalvivekm

@FaheemOnHub we can use a search icon instead text search forum

sudhanshutech avatar Jan 27 '25 13:01 sudhanshutech

@FaheemOnHub we can use a search icon instead text search forum

Are you suggesting this change to enhance the design or to improve responsiveness? If it's about responsiveness, it is already functioning well and doesn't seem to need any changes.

FaheemOnHub avatar Jan 28 '25 05:01 FaheemOnHub

@FaheemOnHub we can use a search icon instead text search forum

Are you suggesting this change to enhance the design or to improve responsiveness? If it's about responsiveness, it is already functioning well and doesn't seem to need any changes.

enhance the design, not to show search forum text instead use a search icon with tooltip if possible.

sudhanshutech avatar Feb 09 '25 21:02 sudhanshutech

@FaheemOnHub any progress...?

sudhanshutech avatar Feb 11 '25 16:02 sudhanshutech

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Mar 24 '25 23:03 stale[bot]

@FaheemOnHub did we get this finished?

leecalcote avatar Mar 25 '25 00:03 leecalcote

@FaheemOnHub is this done? There are some conflicts to merge if you could take a look.

sangramrath avatar Jun 13 '25 13:06 sangramrath