Description
When a plugin has a very long description in its metadata.json, the plugin card on the catalogue page does not truncate the text properly. This causes the card to stretch vertically and breaks the grid layout on smaller screens.
Steps to Reproduce
- Edit a plugin's
metadata.json (e.g., in plugins/nmap/) to have a 500-word description.
- Go to the Plugin Catalogue page (
/plugins) in the frontend.
- Observe the card overflowing its container and breaking alignment.
Expected Behavior
The plugin description should be truncated to a maximum of 3 lines with an ellipsis (...) to ensure all cards maintain a uniform height.
Implementation Hints
- Frontend: Since the project uses Tailwind CSS, open the
PluginCard component and add the Tailwind classes line-clamp-3 and text-ellipsis to the description's <p> tag.
Description
When a plugin has a very long description in its
metadata.json, the plugin card on the catalogue page does not truncate the text properly. This causes the card to stretch vertically and breaks the grid layout on smaller screens.Steps to Reproduce
metadata.json(e.g., inplugins/nmap/) to have a 500-word description./plugins) in the frontend.Expected Behavior
The plugin description should be truncated to a maximum of 3 lines with an ellipsis (
...) to ensure all cards maintain a uniform height.Implementation Hints
PluginCardcomponent and add the Tailwind classesline-clamp-3andtext-ellipsisto the description's<p>tag.