kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-03-26 22:42:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix the invalid vertical-align (#486)

Browse Source 
* fix: fix the invalid vertical-align

* test: update snapshots
This commit is contained in:
Bowen
2021-03-21 21:46:13 +08:00
committed by GitHub
parent d351700d04
commit 502da720f1
7 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/input/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -8,7 +8,7 @@ exports[`Input should be work with icon 1`] = `
width: calc(1.687 * 16pt * .42);
height: 100%;
align-items: center;
vertical-align: center;
vertical-align: middle;
margin: 0;
padding: 0 calc(1.687 * 16pt * .3);
line-height: 1;
@@ -111,7 +111,7 @@ exports[`Input should be work with icon 1`] = `
width: calc(1.687 * 16pt * .42);
height: 100%;
align-items: center;
vertical-align: center;
vertical-align: middle;
margin: 0;
padding: 0 calc(1.687 * 16pt * .3);
line-height: 1;

2
components/input/__tests__/__snapshots__/password.test.tsx.snap
View File

@@ -8,7 +8,7 @@ exports[`InputPassword should render correctly 1`] = `
width: calc(1.687 * 16pt * .42);
height: 100%;
align-items: center;
vertical-align: center;
vertical-align: middle;
margin: 0;
padding: 0 calc(1.687 * 16pt * .3);
line-height: 1;

2
components/input/input-icon.tsx
View File

@@ -27,7 +27,7 @@ const InputIcon: React.FC<InputIconProps> = ({ icon, ratio, clickable, onClick }
width: ${width};
height: 100%;
align-items: center;
vertical-align: center;
vertical-align: middle;
margin: 0;
padding: 0 ${padding};
line-height: 1;

12
components/table/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -13,7 +13,7 @@ exports[`Table should be no erros when width is too large 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;
@@ -91,7 +91,7 @@ exports[`Table should render children for table head 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;
@@ -169,7 +169,7 @@ exports[`Table should render correctly 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;
@@ -247,7 +247,7 @@ exports[`Table should set width automatically 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;
@@ -325,7 +325,7 @@ exports[`Table should work with other components 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;
@@ -403,7 +403,7 @@ exports[`Table should work without hover effect 1`] = `
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: #666;
background: #fafafa;

2
components/table/table-head.tsx
View File

@@ -64,7 +64,7 @@ const TableHead: React.FC<TableHeadProps> = ({ columns, width }) => {
font-weight: normal;
text-align: left;
letter-spacing: 0;
vertical-align: center;
vertical-align: middle;
min-height: 2.5rem;
color: ${theme.palette.accents_5};
background: ${theme.palette.accents_1};

10
components/toggle/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -5,7 +5,7 @@ exports[`Toggle should render correctly 1`] = `
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;
@@ -81,7 +81,7 @@ exports[`Toggle should work with different sizes 1`] = `
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;
@@ -153,7 +153,7 @@ exports[`Toggle should work with different sizes 1`] = `
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;
@@ -225,7 +225,7 @@ exports[`Toggle should work with different sizes 1`] = `
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;
@@ -297,7 +297,7 @@ exports[`Toggle should work with different sizes 1`] = `
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;

2
components/toggle/toggle.tsx
View File

@@ -114,7 +114,7 @@ const Toggle: React.FC<ToggleProps> = ({
label {
-webkit-tap-highlight-color: transparent;
display: inline-block;
vertical-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
padding: 3px 0;