Skip to content

Commit 65aac8c

Browse files
authored
Fix Dashboard truncate description (codesandbox#3201)
* fix text overflow in dashboard * show ellipses * remove unsued prop
1 parent c73d174 commit 65aac8c

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

packages/common/src/components/SandboxCard/elements.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,14 @@ export const SandboxDescription = styled.p`
9494
margin: 0;
9595
margin-bottom: 16px;
9696
font-size: 12px;
97+
overflow: hidden;
98+
text-overflow: ellipsis;
99+
display: -webkit-box;
100+
-webkit-box-orient: vertical;
101+
-webkit-line-clamp: 5;
102+
max-height: 100%;
103+
104+
word-break: break-all;
97105
`;
98106

99107
export const SandboxImage = styled.img`

0 commit comments

Comments
 (0)