Plugin UI submission checklist is nearly impossible to achieve

Photoshop
5

Finally managed to solve the ellipsis not appearing issue (found this SO post). The key basically was to use <div> instead of <span> for label. Final CSS for buttons looks like this:

.buttons-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -2.5px;
}

sp-action-button {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-grow:1;
    flex-basis:0;
    min-width: 32px;
    max-width: max-content;
    margin: 2.5px;
    white-space: nowrap;
}

sp-action-button .label {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    font-weight: inherit;
}

But now there’s another issue - the color of ellipsis always turns black when text won’t fit at all :frowning:
image

Of course it looks fine on light themes
image

Created a separate topic for this as a bug