Ensure dropdown option doesn't overflow container (#1533)

fix #1526
This commit is contained in:
Umar Bolatov 2020-05-02 09:39:39 -07:00 committed by GitHub
parent 2bb4dd5d01
commit 26241be6fa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,5 +1,6 @@
.prettydropdown {
position: relative;
max-width: 100%; /* Make sure it's never larger than parent container */
min-width: 72px; /* 70px + borders */
display: inline-block;
}
@ -21,6 +22,7 @@
font: normal 18px Calibri, sans-serif;
list-style-type: none;
margin: 0;
max-width: 100%; /* Make sure it's never larger than parent container */
padding: 0;
text-align: left;
-webkit-user-select: none; /* Chrome all / Safari all */
@ -69,6 +71,13 @@
line-height: 46px; /* 48px - borders */
margin: 0;
padding-left: 0.8rem;
/* Make sure text doesn't overflow */
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 2rem;
}
.prettydropdown.loading > ul > li {