Adding overflow property in some places

[SeNioR-]

ipsButton_split

/* Child */

html[dir='ltr'] .ipsButton_split > :first-child, html[dir='rtl'] .ipsButton_split > :last-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    overflow: hidden;
}

/* Child */

html[dir='ltr'] .ipsButton_split > :not(:first-child), html[dir='rtl'] .ipsButton_split > :not(:last-child) {
    margin-left: -1px;
    overflow: hidden;
}

Before

After

ipsToolList_primaryAction

@media screen and (max-width: 767px) {
.ipsToolList_horizontal > *:not(:last-child) {
    margin-bottom: var(--sp-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
}

Before

After

ipsMenu_headerBar

.ipsMenu_headerBar a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Before

After

Edited May 7, 2021 by SeNioR-