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.

Sign up for GitHub

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

Jump to bottom

Cells with icons on small screens lose some content in ic-data-table #3017

Closed
GCHQ-Developer-741 opened this issue Jan 14, 2025 · 1 comment
Closed

Cells with icons on small screens lose some content in ic-data-table #3017

GCHQ-Developer-741 opened this issue Jan 14, 2025 · 1 comment
Labels
data-table component The generic component, includes both the web component and the React component

Comments

@GCHQ-Developer-741
Copy link
Contributor

Summary of the bug

Some cells that have both an icon and text have the end of some text cut off when shrunk on a small screen

🪜 How to reproduce

  1. Go to the "icons" story
  2. Shrink the screen width
  3. See the error

📸 Screenshots or code

Screenshot 2025-01-14 at 09 50 18

🧐 Expected behaviour

The text should be visible and perhaps the icon should move above the text like in column headers.
@GCHQ-Developer-741 GCHQ-Developer-741 added type: bug 🐛 data-table component The generic component, includes both the web component and the React component labels Jan 14, 2025
@GCHQ-Developer-299
Copy link
Contributor

This behaviour can be resolved by setting column widths or a truncation pattern in the data table.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
data-table component The generic component, includes both the web component and the React component
Projects
Intelligence Community Design System
Status: Done
Milestone
No milestone
Development

No branches or pull requests
2 participants
@GCHQ-Developer-299 @GCHQ-Developer-741