fix(form): [form] fix validate icon shrink when text very long (#2663)

gimmyhehe · kagol · commit 0325f0754fa5 · 2024-12-30T10:48:22.000+08:00
diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-theme",
   "type": "module",
-  "version": "3.20.0",
+  "version": "3.20.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
diff --git a/packages/theme/src/form-item/index.less b/packages/theme/src/form-item/index.less
@@ -206,6 +206,7 @@
     .validate-icon {
       fill: var(--tv-FormItem-icon-color-error);
       margin-right: 4px;
+      flex-shrink: 0;
     }
     .@{form-item-prefix-cls}__validate-message {
       vertical-align: middle;

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@opentiny/vue-theme",`
`3`	`3`	`"type": "module",`
`4`		`- "version": "3.20.0",`
	`4`	`+ "version": "3.20.1",`
`5`	`5`	`"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",`
`6`	`6`	`"author": "OpenTiny Team",`
`7`	`7`	`"license": "MIT",`
Original file line number	Diff line number	Diff line change
`@@ -206,6 +206,7 @@`
`206`	`206`	`.validate-icon {`
`207`	`207`	`fill: var(--tv-FormItem-icon-color-error);`
`208`	`208`	`margin-right: 4px;`
	`209`	`+ flex-shrink: 0;`
`209`	`210`	`}`
`210`	`211`	`.@{form-item-prefix-cls}__validate-message {`
`211`	`212`	`vertical-align: middle;`