CSS Broken in Sugar 14.00

Sugar 13 .btn CSS

.btn {
    font-size: 11px;
    line-height: 12px;
    padding: 7px;
    box-shadow: none;
    margin-left: 8px;
    border: 1px solid var(--border-color);
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

Sugar 14 .btn CSS

.btn {
    font-size: 11px;
    line-height: 12px;
    padding: 7px;
    box-shadow: none;
    border: 1px solid var(--border-color);
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

margin-left:8px; is missing. Which results in the buttons created by ActionButtons running into each other.

Sugar 13

Sugar 14

Rafael Fernandes 12 days ago

Jeff Bickart ,

We decided to remove default margin from buttons as styling across the application became increasingly difficult to maintain with new layouts.

We, product management and engineering, agree that it doesn't look good in your case and we are gonna look into a solution as soon as possible.

Can you please open an Issue/Idea reporting this? I will make sure it gets escalated to the right product teams.

thanks,

Rafa

SugarCRM | Principal Developer Advocate
Cancel
Vote Up 0 Vote Down

Sign in to reply

Cancel
Jeff Bickart 6 days ago in reply to Rafael Fernandes

Rafael Fernandes case: 509569 has been created. Please provide a work-around for Sugar 14.0.0.

I have a set of UX-related issues that we have uncovered that worked correctly in Sugar 12, and 13 and now are broken in Sugar 14

I'm working on documentation and steps to reproduce.
Cancel
Vote Up 0 Vote Down

Sign in to reply

Cancel
Rafael Fernandes 6 days ago in reply to Jeff Bickart

Jeff Bickart ,

I appreciate that Jeff, you can use the same case for the extra CSS issues you have.

once we collect them all, engineering will take a look and see possible workarounds.

SugarCRM | Principal Developer Advocate
Cancel
Vote Up 0 Vote Down

Sign in to reply

Cancel