Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: long status code text ellipsized in API pane (#10021)

Browse Source
This commit is contained in:
Ayangade Adeoluwa 2022-01-10 17:43:04 +01:00 committed by GitHub
parent f045af8bfc
commit eb472eaf78
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/src/components/editorComponents/ApiResponseView.tsx
View File

@ -185,6 +185,14 @@ export const EMPTY_RESPONSE: ActionResponse = {
const StatusCodeText = styled(BaseText)<{ code: string }>` const StatusCodeText = styled(BaseText)<{ code: string }>`
color: ${(props) => color: ${(props) =>
props.code.startsWith("2") ? props.theme.colors.primaryOld : Colors.RED}; props.code.startsWith("2") ? props.theme.colors.primaryOld : Colors.RED};
cursor: pointer;
width: 38px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
width: 100%;
}
`; `;
const ResponseDataContainer = styled.div` const ResponseDataContainer = styled.div`