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]

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

[CodFrm]

关于你的想法，画了一个新的设计稿，有了AI后，想法越来越有点激进了

你说出来没那种感觉，但是画出来之后，感觉还是不错（考虑方案3）

方案1:

方案2:

方案3:

[cyfung1031]

可以的话把这个「≡」搬到下面 （「代码」左边），谢

[CodFrm]

可以

手机版本就不考虑那么多了

[cyfung1031]

@CodFrm 记得别忘了这个功能 #955 #668

[cyfung1031]

原来 图标服务的PR 放了在 1.4
1.3 没直接连所有网址不太理想
1.4 的改动应该先推一下到 STABLE 然后再搞 UI

[CodFrm]

你不提醒我，我确实快忘了；确实有不少人反馈图标的这个问题；那重构UI和agent再版本+1吧

[117649]

按钮菜单能不能也更新一下？
每行的宽度有点太大了，没显示几行就得下滚。
另外像VM那样把当前页启用但没能启动的脚本划线和灰色能不能加上挺有用的。

[CodFrm]

不清楚意思，现在的话，已经准备完整的重构用新UI了，可以关注一下

[117649]

说的browser action那个popup
就是你工具栏里扩展按钮点完打开那个

[CodFrm]

懂了，等重构完成再看看

[cyfung1031]

@CodFrm 对了不要再用那个白痴的 ScriptDAO .sort 栏做排序好吗
排序不要搞在 scriptDAO

就像表的栏阔一样，应该是有临时跟永久
永久设定后就是那个排序

然后用户可以自行再拖拉
按表格的排序时，设为永久设定后，就按同一个方式去新增
例如按了名字排，然后永久。之后安装的都按名字排序加上去
如果用户自行拖拉过 （reset 记录了的排序方式），那就直接加在最前吧。 新安装都加最前

[CodFrm]

🤔可以后续再讨论，先1:1的实现了再说，这样做还会有一些UX要去考虑