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

button group splitter will shows at first on the next line #707

Closed
willzhanglala opened this issue Feb 7, 2018 · 1 comment
Closed

button group splitter will shows at first on the next line #707

willzhanglala opened this issue Feb 7, 2018 · 1 comment

Comments

@willzhanglala
Copy link

willzhanglala commented Feb 7, 2018

How to reproduce the bug?

  1. Make resolution smaller, so that toolbar buttons will be wrapped.
  2. Observe the first button group of second line, it will render the seperator.
  3. No good looking.

Suggest:

using ::after instead of ::before, and remove the last seperater
code:

        .trumbowyg-button-pane .trumbowyg-button-group + .trumbowyg-button-group::before {
        content: none; }        
        .trumbowyg-button-pane .trumbowyg-button-group::after {
            content: " ";
            display: inline-block;
            width: 1px;
            background: #d7e0e2;
            margin: 0 5px;
            height: 35px;
            vertical-align: top; }        
        .trumbowyg-button-pane .trumbowyg-button-group:last-child::after {
            content: none; }    
@Alex-D
Copy link
Owner

Alex-D commented Feb 7, 2018

Can you make a Pull Request? Thanks :)

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

2 participants