show ellipsis for long user name and screen name
This commit is contained in:
parent
9e2fa50b74
commit
b1f8221a0a
@ -44,14 +44,15 @@
|
|||||||
width: 16px;
|
width: 16px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&-value {
|
&-user-name-value,
|
||||||
display: inline-block;
|
&-screen-name {
|
||||||
max-width: 100%;
|
display: inline-block;
|
||||||
overflow: hidden;
|
max-width: 100%;
|
||||||
white-space: nowrap;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
white-space: nowrap;
|
||||||
}
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-expanded-content {
|
&-expanded-content {
|
||||||
|
@ -31,6 +31,10 @@
|
|||||||
&-item-inner {
|
&-item-inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
& > * {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-selected-inner {
|
&-item-selected-inner {
|
||||||
|
Loading…
Reference in New Issue
Block a user