mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-09-26 05:46:18 +00:00
0e4669261f
- 新增 enablePropsFormValidate 开关 - 校验失败时仍更新节点并记录错误 - editorService 增加 invalidNodeIds 状态及错误读写方法 - 新增 invalid-node-change 事件，错误随历史快照还原 - 组件树节点标红并展示错误图标 - playground 保存前拦截校验错误组件 - 补充 API 与进阶指南文档
65 lines
1.1 KiB
SCSS
65 lines
1.1 KiB
SCSS
.m-editor-scroll-bar {
|
|
position: absolute;
|
|
background-color: transparent;
|
|
opacity: 0.3;
|
|
transition:
|
|
background-color 0.2s linear,
|
|
opacity 0.2s linear;
|
|
|
|
.m-editor-scroll-bar-thumb {
|
|
background-color: #aaa;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
}
|
|
|
|
&.horizontal {
|
|
width: 100%;
|
|
height: 15px;
|
|
bottom: 0;
|
|
|
|
.m-editor-scroll-bar-thumb {
|
|
height: 6px;
|
|
transition:
|
|
background-color 0.2s linear,
|
|
height 0.2s ease-in-out;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
&.vertical {
|
|
height: 100%;
|
|
width: 15px;
|
|
right: 5px;
|
|
|
|
.m-editor-scroll-bar-thumb {
|
|
width: 6px;
|
|
transition:
|
|
background-color 0.2s linear,
|
|
width 0.2s ease-in-out;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: #eee;
|
|
opacity: 0.9;
|
|
|
|
.m-editor-scroll-bar-thumb {
|
|
background-color: #999;
|
|
}
|
|
|
|
&.horizontal {
|
|
.m-editor-scroll-bar-thumb {
|
|
height: 11px;
|
|
}
|
|
}
|
|
|
|
&.vertical {
|
|
.m-editor-scroll-bar-thumb {
|
|
width: 11px;
|
|
}
|
|
}
|
|
}
|
|
}
|