Commit d4876f5f authored by Hugo Kerstens's avatar Hugo Kerstens

Fix student selector overflow

parent 4606b8fe
......@@ -261,9 +261,13 @@ class Grade extends React.Component {
renderSuggestion={(submission) => {
const stud = submission.student
return (
<div>
<b>{`${stud.firstName} ${stud.lastName}`}</b>
<i style={{float: 'right'}}>({stud.id})</i>
<div className='flex-parent'>
<b className='flex-child truncated'>
{`${stud.firstName} ${stud.lastName}`}
</b>
<i className='flex-child fixed'>
({stud.id})
</i>
</div>
)
}}
......
.box.is-graded {
box-shadow: 0px 0px 6px #23d160, 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.flex-parent {
display: flex;
align-items: center;
}
.flex-child.truncated {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.flex-child.fixed {
white-space: nowrap;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment