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

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 {