Skip to content

Commit c473f4a

Browse files
authored
fix/COMPASS-9739 limit collection title to 1 line (#156)
1 parent d67c6e6 commit c473f4a

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

src/components/node/node.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,11 +88,17 @@ const NodeHeaderIcon = styled.div`
8888
const NodeHeaderTitleWrapper = styled.div`
8989
margin-right: ${spacing[200]}px;
9090
min-width: 0;
91+
display: flex;
92+
align-items: center;
9193
`;
9294

9395
export const NodeHeaderTitle = styled.div`
9496
display: inline;
9597
overflow-wrap: break-word;
98+
overflow: hidden;
99+
text-overflow: ellipsis;
100+
white-space: nowrap;
101+
max-width: 100%;
96102
`;
97103

98104
const NodeHandle = styled(Handle)<{ ['z-index']?: number }>`
@@ -123,9 +129,9 @@ const TitleControlsContainer = styled.div`
123129

124130
const IconWrapper = styled.div<{ darkMode: boolean }>`
125131
color: ${props => (props.darkMode ? palette.yellow.light2 : palette.yellow.dark2)};
126-
display: inline;
127-
vertical-align: sub;
128132
margin-left: ${spacing[100]}px;
133+
display: flex;
134+
align-items: center;
129135
`;
130136

131137
export const Node = ({

0 commit comments

Comments
 (0)