diff --git a/packages/amis-ui/scss/components/_result-box.scss b/packages/amis-ui/scss/components/_result-box.scss index b18f53745..afd2da034 100644 --- a/packages/amis-ui/scss/components/_result-box.scss +++ b/packages/amis-ui/scss/components/_result-box.scss @@ -77,7 +77,6 @@ } &-singleValue { - padding: 0 calc(var(--Form-input-paddingX) - #{px2rem(3px)}); flex-grow: 1; display: inline-block; max-width: 100%; diff --git a/packages/amis-ui/scss/components/form/_tree.scss b/packages/amis-ui/scss/components/form/_tree.scss index 845d092b9..b929bd149 100644 --- a/packages/amis-ui/scss/components/form/_tree.scss +++ b/packages/amis-ui/scss/components/form/_tree.scss @@ -101,12 +101,15 @@ } &-item { padding-left: var(--Tree-item-arrow-padding-left); - display: inline-block; + display: inline-flex; width: 100%; + align-items: center; + overflow: hidden; + height: px2rem(32px); } - + &:hover { - .#{$ns}Tree{ + .#{$ns}Tree { &-itemLabel-item { background-color: var(--Tree-item-onHover-bg-pure); } @@ -120,7 +123,7 @@ &-item { .is-checked { border-radius: var(--Tree-item-onChekced-bg-borderRadius); - .#{$ns}Tree{ + .#{$ns}Tree { &-itemLabel-item { background-color: var(--Tree-item-onChekced-bg); } @@ -290,20 +293,16 @@ height: px2rem(14px); } } - &-itemText { cursor: pointer; flex: 1 auto; display: inline-block; color: var(--Form-input-color); - line-height: var(--lineHeightBase); - max-width: var(--Tree-item-text-max-height); + max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - position: relative; - top: var(--Tree-item-text-top); } .is-disabled &-itemText { color: var(--text--muted-color);