scriptcat icon indicating copy to clipboard operation
scriptcat copied to clipboard

[BUG] 脚本列表图标样式

Open DreamNya opened this issue 2 weeks ago • 4 comments

问题描述

详见下方图片

  1. 右侧脚本网站图标404的时候仍会显示为“图裂”状态,F12控制台看了下这个图标请求200,但是响应为空,实际上显示的是一个空的img元素(虽然src是blob,但是blob的内容为空),建议fallback或者干脆不显示
  2. 右侧脚本网站图标会加上一个白色圆角边框,单个图标的时候不是很明显,但有多个图标的时候负margin会使图标叠在一起,然后边框会叠在其他图标上,感觉有点影响观感
  3. 左侧脚本图标,原本均是透明图标,但会被填充灰色圆角背景

对于2、3,我个人更喜欢油猴那样的保持图标原本的样子,即不填充背景也不添加边框。 如果一定要为图标添加样式的话也可以,但最好做到一致性,而不是目前这样左边有灰色背景,右边没有灰色背景但有白色边框

重现步骤

Image

脚本猫版本

1.1.2

操作系统以及浏览器信息

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0

补充信息 (选填)

No response

DreamNya avatar Dec 04 '25 12:12 DreamNya

唉呀, 1.2.0 已经发布了。赶快更新吧 https://chromewebstore.google.com/detail/scriptcat/ndcooeababalnlpkfedmmbbbgkljhpjf

cyfung1031 avatar Dec 05 '25 03:12 cyfung1031

唉呀, 1.2.0 已经发布了。赶快更新吧 https://chromewebstore.google.com/detail/scriptcat/ndcooeababalnlpkfedmmbbbgkljhpjf

1.2.0 中还是有这个样式问题,感觉也不算BUG,应该是要优化

Image

我edge商店还没更新到 1.2.0,他应该是edge用户,因为还有些影响较大的BUG(后台选项的那个问题),我打算edge直接更新到 1.2.1

CodFrm avatar Dec 05 '25 03:12 CodFrm

ScriptCat 一堆不必要的ArcoDesign 3就是其中一个例子

Image

2 我一直都知道只是不太想理会这些 UI问题


1 我也有发现,但没时间研究问题所在


个人不太认同现在的UI设计 (例如一堆website icon 放出来,脚本预设「自动」,编辑脚本代码时预设列表显示还有不会收起侧边栏)各种奇奇怪怪的UI设计)。我的话根本不需要icon, 只要做一个显示把cursor移过去就以tooltip方式显示所有 @match @include 就好 不过我尊重原作者,除了功能性问题 (卡顿,找脚本没了名字捜寻)都大概不会提Issue

cyfung1031 avatar Dec 05 '25 08:12 cyfung1031

个人不太认同现在的UI设计 (例如一堆website icon 放出来,脚本预设「自动」,编辑脚本代码时预设列表显示还有不会收起侧边栏)各种奇奇怪怪的UI设计)。我的话根本不需要icon, 只要做一个显示把cursor移过去就以tooltip方式显示所有 @match @include 就好 不过我尊重原作者,除了功能性问题 (卡顿,找脚本没了名字捜寻)都大概不会提Issue

website icon 这个也是参考TM 的,脚本预设「自动」是什么?

编辑脚本代码时预设列表显示还有不会收起侧边栏 这个下个版本再加一个侧边栏的icon和记住配置

实际上普通用户并看不懂 @match @include 我觉得这样显示网站图标是一个很好的做法

CodFrm avatar Dec 09 '25 07:12 CodFrm