styles: tree最大宽度优化 (#5161)

This commit is contained in:
qinhaoyan 2022-08-17 14:02:37 +08:00 committed by GitHub
parent b5cc4a6ecc
commit 8ca2a10b4a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 10 deletions

View File

@ -77,7 +77,6 @@
}
&-singleValue {
padding: 0 calc(var(--Form-input-paddingX) - #{px2rem(3px)});
flex-grow: 1;
display: inline-block;
max-width: 100%;

View File

@ -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);