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

ugly word break für reusable blocks translation (at least for german) if default name is used #10808

Closed
Presskopp opened this issue Oct 19, 2018 · 4 comments
Labels
[Package] Block library /packages/block-library [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Enhancement A suggestion for improvement.

Comments

@Presskopp
Copy link
Contributor

image

Solution could be

span.editor-block-types-list__item-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

but I'm not so very happy with it

image

@Presskopp Presskopp changed the title ugly word break für reusable blocks translation (at least for german) ugly word break für reusable blocks translation (at least for german) if default name is used Oct 19, 2018
@La-Geek
Copy link

La-Geek commented Oct 19, 2018

Good catch!
An easy solution would be, to set two columns for reusable blocks instead of three

.components-panel__body.editor-inserter__reusable-blocks-panel.is-opened .editor-block-types-list__list-item { width: 50%; }

2cols

@Soean
Copy link
Member

Soean commented Oct 20, 2018

I have an open ticket about this topic: #8047
We will try to work on it tomorrow at the contributor day in cologne.

@La-Geek
Copy link

La-Geek commented Oct 20, 2018

If hyphenator.js is no option, you could make the width more flexible:

.editor-block-types-list__list-item {
    width: auto;
    max-width: 50%;
    min-width: 33.33%;
}

@designsimply designsimply added [Type] Enhancement A suggestion for improvement. [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Package] Block library /packages/block-library labels Oct 23, 2018
@designsimply
Copy link
Member

Closing to consolidate with #8047 based on @Soean's comment.

Thank you for raising the issue!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Package] Block library /packages/block-library [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

4 participants