-
-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Closed
Description
- 01
- 02
- 03
01 #layouts 内部出现横向滚动条 #12264
原因:侧栏面板有个 min-width: 0.1px 的样式
解决方案:界面初始化的时候如果侧栏没有打开(即父元素 width:0px ),就需要给元素默认添加 .fn__none
p.s. 左侧栏(文档树会提前加载好)会默认加 .fn__none,但右侧栏和底侧栏没有
video.webm
02 侧栏面板宽度很小并且无法调整宽度 #13516 #14180
原因:特定情况下 adjustLayout() 函数 给侧栏元素添加了 max-width:64px; 样式
复现方法:
-
使用以下 CSS:
.layout__dockr > .fn__flex-1 { margin-left: 3px; }
或者:
.layout__dockr > .fn__flex-1 { margin-left: 3px; display: flex !important; }
-
然后拖拽调整侧栏宽度,或者直接重新加载界面
video.webm
方案:修改 adjustLayout() 函数。另外我调试的时候还遇到了这种情况:里面的 while 循环重复执行了 70 多次相同的步骤: 侧栏.element.style.maxWidth = "64px"; 然后 lastItem = 侧栏.element;。
03 有时候侧栏面板是收起状态,但会凸出来一点
偶尔有用户遇到这个情况,但我找不到帖子
推测:可能是特定情况下侧栏没有 width 样式(不知道怎么复现) adjustLayout() 函数 会给侧栏添加 min-width:8px;
if (!item.element.style.width && !item.element.classList.contains("layout__center")) {
item.element.style.minWidth = "8px";
}复现不出来,只能手动编辑样式示意一下,估计是这样的效果:
方案:修改 adjustLayout() 函数。
Metadata
Metadata
Assignees
Labels
No labels

