style(amis): 样式细节优化,避免异常溢出和换行展示 (#10072)

* style(amis): 样式细节优化,避免异常溢出和换行展示

* style(amis-editor): 属性配置面板样式补充,用于避免配置面板被超长的valueLabel撑开,导致样式异常
This commit is contained in:
刘丹 2024-04-19 15:48:09 +08:00 committed by GitHub
parent 0818f6e437
commit 33e03555d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 1 deletions

View File

@ -37,6 +37,11 @@ $tooltip-bottom: '[data-tooltip][data-position=' bottom ']:hover:after';
transition: none;
}
// 用于避免右侧配置面板被超长的valueLabel撑开导致样式异常
.#{$ns}SubForm-valueLabel {
word-break: break-all;
}
// 外层有多个tab面板
&.mul-tabs-panel {
width: calc(#{$right-panel-sidetab-width} + #{$right-panel-width});

View File

@ -681,6 +681,7 @@
.#{$ns}ResultBox-value-wrap {
justify-content: flex-end;
text-align: right;
flex-wrap: nowrap; // 避免右侧下拉箭头换行
}
}

View File

@ -452,6 +452,7 @@
display: inline-block;
margin: px2rem(3px);
vertical-align: middle;
max-width: 100%; // 避免超出父级容器显示
&-caret {
transition: transform var(--animation-duration) ease-out;

View File

@ -54,7 +54,7 @@ const DEFAULT_EVENT_PARAMS = [
/**
* Chart
* https://aisuda.bce.baidu.com/amis/zh-CN/components/carousel
* https://aisuda.bce.baidu.com/amis/zh-CN/components/chart
*/
export interface ChartSchema extends BaseSchema {
/**