From 1bf1f9ceb65d1be6bc41beca60043bd81e7f49bf Mon Sep 17 00:00:00 2001 From: xiaoluabei Date: Mon, 30 Dec 2024 10:04:29 +0800 Subject: [PATCH 1/2] fix: `n-input-number` misalignment issue when used in `n-input-group` with `n-input-group-label` --- CHANGELOG.en-US.md | 1 + CHANGELOG.zh-CN.md | 1 + src/input-number/src/styles/input-number.cssr.ts | 6 ++++-- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md index 4f281641073..cb706092429 100644 --- a/CHANGELOG.en-US.md +++ b/CHANGELOG.en-US.md @@ -5,6 +5,7 @@ ### Fixes - Fix `n-data-table` may have multiple expand trigger with tree data. +- Fix `n-input-number` misalignment issue when used in `n-input-group` with `n-input-group-label`, closes [#6608](https://github.com/tusen-ai/naive-ui/issues/6608). ## 2.40.4 diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index 4c4f475a841..aec8469a1e5 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -5,6 +5,7 @@ ### Fixes - 修复 `n-data-table` 在使用树形数据的时候出现多个展开 icon +- Fix `n-input-number` 在 `n-input-group` 中配合 `n-input-group-label` 使用时两者错位的问题，关闭 [#6608](https://github.com/tusen-ai/naive-ui/issues/6608) ## 2.40.4 diff --git a/src/input-number/src/styles/input-number.cssr.ts b/src/input-number/src/styles/input-number.cssr.ts index 686397dc662..ec55e9dea87 100644 --- a/src/input-number/src/styles/input-number.cssr.ts +++ b/src/input-number/src/styles/input-number.cssr.ts @@ -1,6 +1,8 @@ -import { c, cB } from '../../../_utils/cssr' +import { cB } from '../../../_utils/cssr' -export default c([ +export default cB('input-number', ` + display: inline-flex; + `, [ cB('input-number-suffix', ` display: inline-block; margin-right: 10px; From c63263291c46a60e9f37a9a69a7e4f4ca7580a8c Mon Sep 17 00:00:00 2001 From: xiaoluabei Date: Mon, 30 Dec 2024 10:09:54 +0800 Subject: [PATCH 2/2] chore: typo --- CHANGELOG.zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index aec8469a1e5..9cdac6f74a3 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -5,7 +5,7 @@ ### Fixes - 修复 `n-data-table` 在使用树形数据的时候出现多个展开 icon -- Fix `n-input-number` 在 `n-input-group` 中配合 `n-input-group-label` 使用时两者错位的问题，关闭 [#6608](https://github.com/tusen-ai/naive-ui/issues/6608) +- 修复 `n-input-number` 在 `n-input-group` 中配合 `n-input-group-label` 使用时两者错位的问题，关闭 [#6608](https://github.com/tusen-ai/naive-ui/issues/6608) ## 2.40.4