Jump to content

Adding overflow property in some places


SeNioR-
 Share

Recommended Posts

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

truncate.png.c9273278d030464977e8a1bd71561989.png

After

truncated-123.png.1231173a082c92da5ead5e9514c6b5c2.png

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

start-new-topics123.png.dda2a32af67bdf074a4d4df172bcc7fe.png

After

after123.png.0e42a6b23e4c41f410555d0c0c2a521c.png

ipsMenu_headerBar

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

Before

inbox.png.d979fdbade0fcac4bbaba95cd72f5ff3.png

After

inbox-after.png.becf114904e909d792b5ef342b8a7987.png

Edited by SeNioR-
Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...