Skip to content
This repository was archived by the owner on Oct 2, 2019. It is now read-only.

Commit a434a12

Browse files
author
Daniel Salvagni
committed
933 Fix ellipsis in placeholder and match text
Just added a `display: inline-block` to the @rzschech [solution](#933 (comment))
1 parent 9d29307 commit a434a12

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/common.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -261,3 +261,12 @@ body > .ui-select-bootstrap.open {
261261
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
262262
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
263263
}
264+
265+
/* fix ellipsis on placeholder and match text */
266+
.ui-select-placeholder, .ui-select-match-text {
267+
width: 100%;
268+
overflow: hidden;
269+
display: inline-block;
270+
text-overflow: ellipsis;
271+
padding-right: 40px;
272+
}

0 commit comments

Comments
 (0)