Fix: Entity property overflows (#275)

Fixes issue where entity property binding text overflows to the next line.
This commit is contained in:
Abhinav Jha 2020-08-11 18:19:17 +05:30 committed by GitHub
parent da02f5eed5
commit c4de6a20a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -84,6 +84,7 @@ const Wrapper = styled.div<{ step: number }>`
& {
code.${SYNTAX_HIGHLIGHTING_SUPPORTED_LANGUAGES.APPSMITH} {
display: flex;
white-space: pre-wrap;
background: transparent;
font-size: 11px;
@ -91,6 +92,11 @@ const Wrapper = styled.div<{ step: number }>`
text-shadow: none;
padding-left: ${props =>
props.step * props.theme.spaces[2] + props.theme.spaces[3]}px;
& span.token.property {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}