Fixed flexbox and wrap issues

This commit is contained in:
Luke "Jared" Bennett 2017-01-24 13:41:56 +00:00
parent 329acc683a
commit 112e2abb9e
No known key found for this signature in database
GPG Key ID: 402ED51FB5D306C2
3 changed files with 9 additions and 5 deletions

View File

@ -37,6 +37,8 @@
display: inline-block; display: inline-block;
margin-left: 4px; margin-left: 4px;
margin-bottom: 2px; margin-bottom: 2px;
flex-shrink: 0;
-webkit-flex-shrink: 0;
&.s16 { margin-right: 4px; } &.s16 { margin-right: 4px; }
&.s24 { margin-right: 4px; } &.s24 { margin-right: 4px; }

View File

@ -125,7 +125,8 @@
top: 100%; top: 100%;
left: 0; left: 0;
z-index: 9; z-index: 9;
width: 240px; max-width: 280px;
min-width: 240px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 0; margin-bottom: 0;
font-size: 14px; font-size: 14px;

View File

@ -132,6 +132,11 @@
display: flex; display: flex;
-webkit-flex-direction: column; -webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
&> span {
white-space: normal;
word-break: break-all;
}
} }
} }
@ -141,10 +146,6 @@
} }
} }
.hint-dropdown {
width: 250px;
}
.filter-dropdown-loading { .filter-dropdown-loading {
padding: 8px 16px; padding: 8px 16px;
} }