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

Fix table height bug (#139)

Browse Source
This commit is contained in:
akash-codemonk 2020-07-22 14:01:18 +05:30 committed by GitHub
parent 690c327f2c
commit 2629885bb0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/client/src/pages/Editor/QueryEditor/Form.tsx
View File

@ -33,7 +33,6 @@ import {
EditorSize, EditorSize,
} from "components/editorComponents/CodeEditor/EditorConfig"; } from "components/editorComponents/CodeEditor/EditorConfig";
import CollapsibleHelp from "components/designSystems/appsmith/help/CollapsibleHelp"; import CollapsibleHelp from "components/designSystems/appsmith/help/CollapsibleHelp";
import { HelpBaseURL, HelpMap } from "constants/HelpConstants";
import { import {
getPluginResponseTypes, getPluginResponseTypes,
getPluginDocumentationLinks, getPluginDocumentationLinks,

19
app/client/src/pages/Editor/QueryEditor/Table.tsx
View File

@ -10,21 +10,20 @@ interface TableProps {
data: Record<string, any>[]; data: Record<string, any>[];
} }
/*
* 310 = height of the table header + rest of the items (excluding editor height)
* 100vh /4 = height of the editor
*/
const StyledTableWrapped = styled(TableWrapper)` const StyledTableWrapped = styled(TableWrapper)`
width: 100%; min-height: 0px;
height: auto; height: auto;
font-size: 14px; .tableWrap {
display: flex;
flex: 1;
}
.table { .table {
display: flex;
flex: 1;
flex-direction: column;
height: auto;
.tbody { .tbody {
overflow: auto; overflow: auto;
height: auto;
max-height: calc(
100vh - (100vh / 4) - 310px - ${props => props.theme.headerHeight}
);
} }
} }
`; `;