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

Some of the texts on the dashboard are out of elements. #38

Closed
Zzzul opened this issue Oct 1, 2021 · 4 comments
Closed

Some of the texts on the dashboard are out of elements. #38

Zzzul opened this issue Oct 1, 2021 · 4 comments
Labels
type: bug Something isn't working

Comments

@Zzzul
Copy link

Zzzul commented Oct 1, 2021

Screenshots

mazer issue

135372347-cfaeb537-fa70-499d-ac6d-0f957a1fef8f
135372387-179d4260-540d-4b1f-9f3d-7af413c95e67
135372428-75e523e4-084f-4e69-b00a-9ef6b99ce995

Test on

Browser

  • Edge - Version 92.0.902.78 (Official build) (64-bit), with default zoom(100%)

Screen size

  • 13.3"

Display Settings

135372639-6609ce39-20f9-45f4-9eb3-cd6179c57b2f

@Salisyal
Copy link

Salisyal commented Oct 2, 2021

hello, I have fixed the problem in the template, you can check my pull request to see it

@akshat-kumar2109
Copy link

Can you assign me this issue @Zzzul

@fzn0x fzn0x added the type: bug Something isn't working label Mar 22, 2022
@RioChndr
Copy link

I recommend to implement global css like this to prevent overflow text

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@fzn0x
Copy link
Collaborator

fzn0x commented Mar 23, 2022

I recommend implementing global CSS like this to prevent overflow text

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

I would prefer to use a simple approach, it has fairly has good browser supports, read https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap.

overflow-wrap: break-word;

Except for IE9, it does not recognize overflow-wrap but works fine with word-wrap, so adding both would suffice since it's much simple than using conditional rules.

word-wrap: break-word;
overflow-wrap: break-word;

@zuramai zuramai closed this as completed May 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

6 participants