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 { ...@@ -261,9 +261,13 @@ class Grade extends React.Component {
renderSuggestion={(submission) => { renderSuggestion={(submission) => {
const stud = submission.student const stud = submission.student
return ( return (
<div> <div className='flex-parent'>
<b>{`${stud.firstName} ${stud.lastName}`}</b> <b className='flex-child truncated'>
<i style={{float: 'right'}}>({stud.id})</i> {`${stud.firstName} ${stud.lastName}`}
</b>
<i className='flex-child fixed'>
({stud.id})
</i>
</div> </div>
) )
}} }}
......
.box.is-graded { .box.is-graded {
box-shadow: 0px 0px 6px #23d160, 0 0 0 1px rgba(10, 10, 10, 0.1); 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