list ui name display

This commit is contained in:
Virginie Ky 2019-09-05 15:17:09 +02:00
parent cb9609084b
commit d2fc652c17

View File

@ -52,13 +52,22 @@ const MediaPreviewItem = styled.div`
`; `;
const MediaPreviewFile = styled(MediaPreviewItem)` const MediaPreviewFile = styled(MediaPreviewItem)`
span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div { div {
position: relative; position: relative;
background-color: #9fa7b6; background-color: #9fa7b6;
color: white; color: white;
text-align: center; text-align: center;
line-height: ${sizes.small}; line-height: ${sizes.small};
font-size: 13px; font-size: 11px;
span {
display: block;
padding: 0 3px;
}
i { i {
position: absolute; position: absolute;
left: 0; left: 0;
@ -77,10 +86,12 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
} }
div + span { div + span {
display: none; display: none;
color: #333740;
position: absolute; position: absolute;
left: 100%; left: 120%;
bottom: -10px; bottom: -10px;
display: none;
max-width: 150px;
color: #333740;
} }
&.hoverable { &.hoverable {
:hover { :hover {