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

Fix undo toast rendering #582

Merged
merged 1 commit into from
May 12, 2022
Merged

Fix undo toast rendering #582

merged 1 commit into from
May 12, 2022

Commits on May 12, 2022

  1. Fix undo toast rendering

    When a long text is provided for the undo toast, the text gets mixed with the button. It was fiine for the close button as 'padding-right: 34px;' was just right for it.
    
    This PR moves to flex layout to make the toast more responsive.
    
    + Add 'display: flex' to the toast and to the undo button container
    + Remove the 'position: absolute' for the close and undo buttons so they get placed by the flex algo
    + add some margin-right to the undo button because it was to close of the text
    + Change the padding to '0px 12px' as 12px top and bottom is too much when the close and undo button are not placed absolutely
    
    Signed-off-by: Louis Chemineau <[email protected]>
    artonge committed May 12, 2022
    Configuration menu
    Copy the full SHA
    6bc4f7b View commit details
    Browse the repository at this point in the history