fix: label cutoff issue in horizontal layout with colon (#6655)

* fix: label cutoff issue in horizontal layout with colon

* fix: test

* fix: test

* fix: test
This commit is contained in:
Katherine 2025-04-13 21:34:03 +08:00 committed by GitHub
parent c9b1c893e4
commit 659e98039a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 8 deletions

View File

@ -54,7 +54,7 @@ describe('CollectionSelect', () => {
role="button" role="button"
> >
<div <div
class="css-9mlexe ant-formily-item ant-formily-item-layout-horizontal ant-formily-item-feedback-layout-loose ant-formily-item-label-align-right ant-formily-item-control-align-left css-dev-only-do-not-override-11aiz3o" class="css-a7w9kk ant-formily-item ant-formily-item-layout-horizontal ant-formily-item-feedback-layout-loose ant-formily-item-label-align-right ant-formily-item-control-align-left css-dev-only-do-not-override-11aiz3o"
> >
<div <div
class="ant-formily-item-label" class="ant-formily-item-label"
@ -191,7 +191,7 @@ describe('CollectionSelect', () => {
role="button" role="button"
> >
<div <div
class="css-9mlexe ant-formily-item ant-formily-item-layout-horizontal ant-formily-item-feedback-layout-loose ant-formily-item-label-align-right ant-formily-item-control-align-left css-dev-only-do-not-override-11aiz3o" class="css-a7w9kk ant-formily-item ant-formily-item-layout-horizontal ant-formily-item-feedback-layout-loose ant-formily-item-label-align-right ant-formily-item-control-align-left css-dev-only-do-not-override-11aiz3o"
> >
<div <div
class="ant-formily-item-label" class="ant-formily-item-label"

View File

@ -37,15 +37,17 @@ const formItemWrapCss = css`
.ant-description-textarea img { .ant-description-textarea img {
max-width: 100%; max-width: 100%;
} }
&.ant-formily-item-layout-vertical .ant-formily-item-label { &.ant-formily-item-layout-horizontal.ant-formily-item-label-wrap {
.ant-formily-item-label {
display: inline; display: inline;
.ant-formily-item-label-tooltip-icon { padding-right: 5px;
display: inline;
} .ant-formily-item-label-tooltip-icon,
.ant-formily-item-label-content { .ant-formily-item-label-content {
display: inline; display: inline;
} }
} }
}
`; `;
const formItemLabelCss = css` const formItemLabelCss = css`