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.

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

Update LinkField styles. LinkField contents such as Title and link should not extend beyond the main container #138

Closed
sabina-talipova opened this issue Dec 11, 2023 · 0 comments
Assignees

Comments

@sabina-talipova
Copy link
Contributor

sabina-talipova commented Dec 11, 2023

Description

At the moment there are two small problems with the styles that need to be updated. When a very long link is added to Linfield, it goes beyond the container. (See attached image).
The next problem is that when the title exceeds 30 characters, it also exceeds the size of the container. Also moves the version label to another line, which in turn changes the location of the icon (small red circle) next to the link icon. (See attached image).

Screenshot 2023-12-11 at 4 42 15 PM

ACs

  • Use CSS to render the full text when there is space, but cut it off with ellipses when the container gets too narrow. See text-overflow and this css tricks article
  • Remove the PHP JS code that sets max character limit

PRs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants