Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Layout component #346

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Aug 23, 2023
Merged

Layout component #346

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
9d2d043
feat: added responsive layout component
raheeliftikhar5 Aug 18, 2023
70561a0
fix: layout default style
raheeliftikhar5 Aug 18, 2023
41c491c
feat: added columns per row, vertical and horizonal spacing option
raheeliftikhar5 Aug 20, 2023
fba6a02
fix: fixed issues related to column height
raheeliftikhar5 Aug 21, 2023
a343a02
fix: added match columns height switch
raheeliftikhar5 Aug 21, 2023
0fcf771
fix: remove selectedTabKey from childrenMap
raheeliftikhar5 Aug 22, 2023
9eb33af
Merge branch 'main' into layout-component
FalkWolsky Aug 22, 2023
2260bdb
fix: bug fixes
raheeliftikhar5 Aug 23, 2023
bb5cefd
fix: fixed column margin/padding issue
raheeliftikhar5 Aug 23, 2023
bf3bc70
Merge branch 'main' into layout-component
aaron1604 Aug 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix: fixed column margin/padding issue
  • Loading branch information
@raheeliftikhar5
raheeliftikhar5 committed Aug 23, 2023
commit bb5cefd445cfe60d1e44848929f23430ba847da4
4 changes: 3 additions & 1 deletion client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { JSONObject, JSONValue } from "util/jsonTypes";
import { CompAction, CompActionTypes, deleteCompAction, wrapChildAction } from "lowcoder-core";
import { DispatchType, RecordConstructorToView, wrapDispatch } from "lowcoder-core";
import { AutoHeightControl } from "comps/controls/autoHeightControl";
import { stringExposingStateControl } from "comps/controls/codeStateControl";
import { ColumnOptionControl } from "comps/controls/optionsControl";
import { styleControl } from "comps/controls/styleControl";
import {
Expand Down Expand Up @@ -50,6 +49,9 @@ const ColWrapper = styled(Col)<{
$matchColumnsHeight: boolean,
}>`
min-width: ${(props) => props.$minWidth};
display: flex;
flex-direction: column;

> div {
height: ${(props) => props.$matchColumnsHeight ? '100%' : 'auto'};
}
Expand Down