mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme-chalk): input-number controls increase/decrease height (#5088)

Browse Source
This commit is contained in:
云游君 2021-12-31 17:24:38 +08:00 committed by GitHub
parent dad5dc1743
commit 2f146e8624
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/examples/input-number/controlled.vue
View File

@ -4,6 +4,23 @@
:min="1"
:max="10"
controls-position="right"
size="large"
@change="handleChange"
/>
<el-input-number
v-model="num"
class="mx-4"
:min="1"
:max="10"
controls-position="right"
@change="handleChange"
/>
<el-input-number
v-model="num"
:min="1"
:max="10"
size="small"
controls-position="right"
@change="handleChange"
/>
</template>

17
packages/theme-chalk/src/input-number.scss
View File

@ -125,8 +125,13 @@
}
@include e((increase, decrease)) {
height: auto;
line-height: #{math.div(map.get($input-height, 'default') - 2, 2)};
--el-input-number-controls-height: #{math.div(
map.get($input-height, 'default') - 2,
2
)};
height: var(--el-input-number-controls-height);
line-height: var(--el-input-number-controls-height);
[class*='#{$namespace}-icon'] {
transform: scale(0.8);
@ -134,13 +139,14 @@
}
@include e(increase) {
bottom: auto;
left: auto;
border-radius: 0 var(--el-border-radius-base) 0 0;
border-bottom: var(--el-border-base);
}
@include e(decrease) {
right: 1px;
bottom: 1px;
top: auto;
left: auto;
border-right: none;
@ -152,7 +158,10 @@
&[class*='#{$size}'] {
[class*='increase'],
[class*='decrease'] {
line-height: #{math.div(map.get($input-height, $size) - 2, 2)};
--el-input-number-controls-height: #{math.div(
map.get($input-height, $size) - 2,
2
)};
}
}
}