UI 修改讨论

[cyfung1031]

@CodFrm

1

ScriptEditor 这个Sidebar占太多空间。当我在处理脚本A，我不用理会脚本 B C D
视觉上也对 toolbar 列做成影响

我想改成这种。同时有 filter 又可以显示最后更改日期
(当按下按钮什么的才会显示出来）

2

把顶banner 改一下位置
让 左侧bar 能顶到页面顶部

在ScriptEditor时能完全隐藏
增加视觉空间

Before

After

[CodFrm]

1

确实占用太多空间了，但是类似GitHub这种交互我觉得也不太好，我之前的想法是将类似卡片模式一样，将这个布局的菜单移动到右侧，每次变更也可以记住状态，下次再进来可以直接隐藏

2

似乎也不是很好，只考虑了ScriptEditor，但是没考虑整体，我觉得这个不用动

[cyfung1031]

1 会改为
把 mouse 移到正方红框的地方后，自动弹出来（同时自动focus可以打字 filter）
会显示在右侧
这样UX会较好

（1.4版处理）

2 理解你的想法。不改

[CodFrm]

1 我是不太适应这种操作，我觉得隐藏更好，不改变现有的交互逻辑（类似vscode）。

[cyfung1031]

1 我是不太适应这种操作，我觉得隐藏更好，不改变现有的交互逻辑（类似vscode）。

自动弹出的话，mouse 离开后会自动收藏 （像 edge 垂直分页那个。虽然你从不使用）
不然按的话也可以，移开后再点一下暗色背景

---

vscode 左边只有一排 按钮
编辑器永远都在
那排按钮只用来换左面栏

现在SC那个版面「外面」的东西太多了
又有上面BANNER
又有一个不到顶的SIDEBAR
跟这个"VSCODE EDITOR"的东西格格不入

TM把分页全部都放在最底的TAB
而不是SC这样一些直排一些横排

[CodFrm]

隐藏之后也很少了，相比TM的话，版面更多。另外这种弹出交互我觉得也不适合这个地方，如果我想在多个脚本之间切换的话很不方便（上方Tab展示数量也不是很多），如果想要版面大，也可以进行隐藏

[CodFrm]

如果要适配移动端，不知道这个思路可不可以，但是看起来也感觉怪怪的

[cyfung1031]

右边的空白补一下，感觉还可以

[cyfung1031]

应该是元素阔度过大
不应该有滚动条

[cyfung1031]

应该无法拖拉吧... ?
拖拉要像手机Browser 的 Google Map 才行

[CodFrm]

只是粗略的方案，看看可不可行