Skip to content

Commit

Permalink
fix(next/components): incorrect size #884 (#885)
Browse files Browse the repository at this point in the history
  • Loading branch information
锦此 authored Jun 9, 2020
1 parent 2bd76e7 commit c930e27
Show file tree
Hide file tree
Showing 5 changed files with 358 additions and 59 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
*~
*.swp
.DS_Store
.tea
npm-debug.log
lerna-debug.log
npm-debug.log*
Expand Down
184 changes: 184 additions & 0 deletions packages/next/src/__tests__/__snapshots__/layout.spec.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -182,6 +182,190 @@ exports[`layoutMarginStyle inline layout 1`] = `
/>
`;

exports[`layoutMarginStyle large size 1`] = `
.c0 > .next-form-item-control > .mega-layout-container-wrapper,
.c0 > .next-form-item-control > .mega-layout-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-content,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-content {
margin-bottom: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-before {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-right: NaNpx;
line-height: 40px;
font-size: 16px;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-after {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-left: NaNpx;
line-height: 40px;
font-size: 16px;
}
<div
className="c0"
/>
`;

exports[`layoutMarginStyle medium size 1`] = `
.c0 > .next-form-item-control > .mega-layout-container-wrapper,
.c0 > .next-form-item-control > .mega-layout-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-content,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-content {
margin-bottom: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-before {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-right: NaNpx;
line-height: 28px;
font-size: 14px;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-after {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-left: NaNpx;
line-height: 28px;
font-size: 14px;
}
<div
className="c0"
/>
`;

exports[`layoutMarginStyle middle size 1`] = `
.c0 > .next-form-item-control > .mega-layout-container-wrapper,
.c0 > .next-form-item-control > .mega-layout-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-content,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-content {
margin-bottom: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-before {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-right: NaNpx;
line-height: 28px;
font-size: 14px;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-after {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-left: NaNpx;
line-height: 28px;
font-size: 14px;
}
<div
className="c0"
/>
`;

exports[`layoutMarginStyle small size 1`] = `
.c0 > .next-form-item-control > .mega-layout-container-wrapper,
.c0 > .next-form-item-control > .mega-layout-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-content,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-content {
margin-bottom: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-before,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-before,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-before {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-right: NaNpx;
line-height: 20px;
font-size: 12px;
}
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .mega-layout-container-after,
.c0 > .next-form-item-control > .mega-layout-container-wrapper > .formily-mega-item-after,
.c0 > .next-form-item-control > .mega-layout-item-content > .formily-mega-item-after {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
margin-left: NaNpx;
line-height: 20px;
font-size: 12px;
}
<div
className="c0"
/>
`;

exports[`nest grid layout container nest mega layout container 1`] = `
.c0 > .next-form-item {
width: 100%;
Expand Down
Loading

0 comments on commit c930e27

Please sign in to comment.