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

[Bug] The logo text is overflowing in small devices it should be truncate like mobile navigation. #646

Closed
love-sonkar opened this issue Sep 30, 2023 · 5 comments · Fixed by #649
Labels
BASIC Basic Cheatsheet

Comments

@love-sonkar
Copy link

What's your issue or idea?

When the width is small the homepage logo text is overflowing it should be truncate.

Screenshot

reacttype
over

what i want is to truncate the logo text like we get in mobile navigation.

ff

@love-sonkar love-sonkar added the BASIC Basic Cheatsheet label Sep 30, 2023
@dhananjay-Byte
Copy link

i would like to work on this issue. please assign me.

@BikramNarayan
Copy link

Hello @love-sonkar , I would like to request the assignment of this issue to me as I wish to work on it.

@PalashCoder
Copy link
Contributor

PalashCoder commented Sep 30, 2023

I've checked if anyone want to add "." in it and make the truncation more satisfied then it's ok, but as there is not as such problem and this is already truncated header that's why the icon is overflowing instead ok making the test come down.

To make the truncate in "." style just add "text-overflow: ellipsis;" after the "overflow: hidden"

@grbknr1996
Copy link
Contributor

We need to add ellipsis style .Please assign me

@filiptammergard
Copy link
Collaborator

I don't think we should truncate, so I'm accepting a PR that work breaks instead. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BASIC Basic Cheatsheet
Projects
None yet
6 participants