web: Components: Fixed truncation of text on screens larger than tablet for row component
This commit is contained in:
parent
b9faf28210
commit
0a1af9eb9c
@ -4,6 +4,7 @@ import PropTypes from 'prop-types'
|
||||
|
||||
import Checkbox from '../checkbox'
|
||||
import ContextMenuButton from '../context-menu-button'
|
||||
import { tablet } from '../../utils/device';
|
||||
|
||||
const StyledRow = styled.div`
|
||||
cursor: default;
|
||||
@ -27,9 +28,11 @@ const StyledContent = styled.div`
|
||||
|
||||
min-width: 160px;
|
||||
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@media ${tablet} {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledCheckbox = styled.div`
|
||||
|
Loading…
Reference in New Issue
Block a user