mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-06 10:38:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): date picker range input__inner inherit height (#7586)

Browse Source
This commit is contained in:
云游君 2022-05-09 17:48:31 +08:00 committed by GitHub
parent 4011e71395
commit 92d3fcee3c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/theme-chalk/src/input.scss
View File

@ -165,11 +165,6 @@
}
@include e(wrapper) {
@include set-css-var-value(
'input-inner-height',
calc(getCssVar('input-height') - $border-width * 2)
);
display: inline-flex;
flex-grow: 1;
align-items: center;
@ -202,6 +197,17 @@
}
@include e(inner) {
// use map.get as default value for date picker range
@include set-css-var-value(
'input-inner-height',
calc(
var(
#{getCssVarName('input-height')},
#{map.get($input-height, 'default')}
) - $border-width * 2
)
);
width: 100%;
flex-grow: 1;
-webkit-appearance: none;
@ -341,12 +347,19 @@
font-size: map.get($input-font-size, $size);
@include e(wrapper) {
padding: $border-width map.get($input-padding-horizontal, $size)-$border-width;
}
@include e(inner) {
@include set-css-var-value(
'input-inner-height',
calc(getCssVar('input-height', $size) - $border-width * 2)
calc(
var(
#{getCssVarName('input-height', $size)},
#{map.get($input-height, $size)}
) - $border-width * 2
)
);
padding: $border-width map.get($input-padding-horizontal, $size)-$border-width;
}
}
}