让上传图片时更明显显示图片可以调整大小

贡献 用户体验
1

这几乎每天都能让我抓狂。

  • 我上传一张视网膜截图
  • 立刻将鼠标移到预览区域以获取“调整大小控件”并缩小它
  • 悬停时控件却未显示
  • 我移开鼠标
  • 再次将鼠标移回预览区域时，控件才出现

总的来说，我甚至并不喜欢将“调整大小控件”设为仅悬停显示。

我想到了两种改进方案：

  1. 修复这个 bug，使上传后悬停即可立即显示控件。

  2. 无条件地显示“调整大小控件”（或许可以稍微低调一些）。

我个人更倾向于方案（2），但想听听 @codinghorror、@awesomerobot 以及社区的看法？

11 个赞
2

我没看到这个。是延迟问题吗？

1 个赞
3

可能性极高，在澳大利亚的 Firefox 中针对 Meta 可 100% 复现。

4 个赞
4

所以解决办法是搬迁吗？:laughing:

10 个赞
5

我投选项 2 一票。这是一个非常实用的功能，但如果您不知道它的存在，很容易错过。

3 个赞
6

我认为无条件地在预览中显示调整大小控件并无不妥，原因有三：

首先，我们只是通过透明度来“隐藏”它们：

这意味着即使它们不可见，仍然会占用一定空间。虽然包装器使用了绝对定位，但我们为 .image-wrapper 添加了一些内边距。

其次，这样该功能也能在移动设备上使用，而目前对我来说即使本该支持却无法正常工作：

第三，这将提高该功能的可发现性。

如果无法做到无条件显示，我们可以改为让所有图片的控件在鼠标悬停于预览面板时显示，而不是针对单张图片。同时修复移动设备上的问题（这可能仅局限于我的设备）。

如果我们决定无条件显示这些控件，还可以花些时间优化它们的外观。

15 个赞
7

是的，我更希望这些控件始终可见，并作为图像上的叠加层显示，这样在编辑器中和实际帖子中的间距看起来就不会不一致。

我们最初没有这样做的原因之一是，你在输入时会看到控件严重闪烁。我认为已经进行了一些更改来减少闪烁，但一旦开始输入，控件仍会从 DOM 中完全移除……等这个问题解决后，请随时重新设置它们的样式，让它们始终显示，@johani！

8 个赞
8

移除不透明度后我没有看到任何闪烁，所以我想问题已经解决了吧？

我已按以下方式修复了（1）：

但我仍然觉得核心问题在于该问题不易被发现，且依赖于悬停操作。

@Johani 或许你可以现在创建一个主题组件来设置样式（因为你可以通过纯 CSS 实现任何效果），并确保在非常非常短的图像上进行测试。然后将该组件安装到 dev 和 meta 环境，让我们实际体验一段时间，再决定是否更喜欢这种方式？

8 个赞
9

是的，我想某个时候添加了防抖处理？既然你修复了第一个问题，现在一切看起来都没问题了。

3 个赞
10

哇，真不敢相信2019年已经过去一年了 :lolsob:

3 个赞
11

我个人其实一点也不赞成这个改变。这让它变得更加繁忙。调整大小的可发现性实际上有什么问题吗？

1 个赞