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

UI: Long Glossary Term Names Are Replaced With "..." #14257

Closed
omozgovaya opened this issue Dec 5, 2023 · 0 comments · Fixed by #14469
Closed

UI: Long Glossary Term Names Are Replaced With "..." #14257

omozgovaya opened this issue Dec 5, 2023 · 0 comments · Fixed by #14469
Assignees

Comments

@omozgovaya
Copy link

Affected module
UI

Describe the bug
UI shows different behaviour: in some environments long glossary term name is truncated, in others - fully replaced with "..."

To Reproduce
Mac OS Safari Version 16.2 (18614.3.7.1.5) - name truncated:
Screenshot 2023-12-06 at 00 06 29

Mac OS Google Chrome Version 119.0.6045.199 - name is replaced:
Screenshot 2023-12-06 at 00 05 57

Expected behavior
Name should be truncated, not replaced with "..."

Version:

  • OS: Ubuntu 22.04.2 LTS
  • Python version: Python 3.10.12
  • OpenMetadata version: 1.2.0
  • OpenMetadata Ingestion package version: 1.2.0

Additional context
Problem seams to be in app.less, class
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

karanh37 pushed a commit that referenced this issue Dec 22, 2023
…lossary table (#14469)

* fix: glossary term name get fully truncate for long text

* fix a type issue in explore-page-v1 component

* fix some alignment of text and term icon

* fix the max width of name column in glossary table

* minor change

* minor change

* fix ellipsis issue for table column glossary term

* restrict term icon view based on height instead of width

* remove unwanted class

* revert back w-max-90 class

---------

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
aniketkatkar97 pushed a commit that referenced this issue Dec 22, 2023
…lossary table (#14469)

* fix: glossary term name get fully truncate for long text

* fix a type issue in explore-page-v1 component

* fix some alignment of text and term icon

* fix the max width of name column in glossary table

* minor change

* minor change

* fix ellipsis issue for table column glossary term

* restrict term icon view based on height instead of width

* remove unwanted class

* revert back w-max-90 class

---------

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants