Improve doc icon, background and tag editing interaction

[TCOTC]

改进文档添加图标

目前添加图标的操作：点击「随机图标」，生成随机 emoji → 点击图标，弹出窗口 → 选择图标

希望改为：点击「添加图标」，生成随机 emoji ，弹出窗口 → 选择图标

包含 3 点改动：

1. 文本由「随机图标」改为「添加图标」
2. 添加随机图标后立即弹出选择 emoji 的窗口
3. 如果文档已有图标，点击「添加图标」后只会弹出窗口，不会生成随机的图标
   • 如果能更进一步的话，当文档已有图标时，文本由「添加图标」变为「修改图标」，反之亦然

[TCOTC]

文档的添加标签，图标，图片，是不是在文档标题进入编辑状态，就展示出来。隐藏的太深了 - 链滴

将鼠标移到标题后就显示：

[88250]

@TCOTC 有空能帮忙 PR 一下吗？

[TCOTC]

@TCOTC 有空能帮忙 PR 一下吗？

没学过 ts ，第 2 点和第 3 点我都不会搞

[88250]

收到，那还是等 @Vanessa219 搞吧。

[5kyfkr]

能不能这里再加个文档属性图标，我觉得这个挺常用的，主要是添加书签的时候经常要点进去，或者能搞个添加书签图标就更好了，那就把书签功能盘活了，试了下shift加单击显示属性也挺快，不过没有显示出来还是感知不强，书签的添加入口感觉藏得实在太深，毕竟标签都有一级入口，书签却没有总感觉不太统一

[Vanessa219]

@5kyfkr 这里加了会太重复，这个入口很多地方都有，使用图标 shift+click 吧。

[5kyfkr]

@5kyfkr 这里加了会太重复，这个入口很多地方都有，使用图标 shift+click 吧。

能把书签提一级出来相信书签会更好用，现在书签藏的有点深了，像notion有个星标功能其实就是书签的变种，体验就很好，我还是觉得文档级别应该可以有个更快的书签添加入口，其他别名命名那些我从没用过。

[88250]

@5kyfkr 文档树星标有单独的提议 #9466 书签功能就不动了。

[TCOTC]

@Vanessa219 文档不能添加多个标签了。「添加标签」按钮应该始终保留

[TCOTC]

还有题头图的这个不是「随机」，我觉得应该改成 「选择」 ：

想了一下，跟 Notion 一样叫「更换」吧？

[Vanessa219]

1234 后面有个➕

[TCOTC]

1234 后面有个➕

现在才发现，不过这个加号一直显示是不是有点不太好看？我觉得悬浮显示可能好一点

[5kyfkr]

@Vanessa219 V姐，没有标签的时候标题上方空行太高了，建议和以前一样放在文档图标旁边

[5kyfkr]

在有标签没有图标的时候也有空行

[5kyfkr]

好像notion也是这个样子，如果不好整就算了

[Vanessa219]

鼠标移动上去就没有空行了。先这样吧

[mustakshif]

新版文档图标和标签区域缺少右外边距，标签较多的情况下会超出页面文字流边界，破坏观感，请问会考虑添加吗

[TCOTC]

打开新页签时题头图区域会出现线框，文档内容出现后消失。默认主题，已排除插件影响。

@mustakshif 可以关注：#11160 (comment)

[TCOTC]

@Vanessa219 我觉得这个还是悬浮显示吧，页面上方一直显示「＋添加标签」有点不好看：

[Vanessa219]

什么样的悬浮？下面的按钮和这个是一样的。

[TCOTC]

@Vanessa219 就是像下面的按钮那样，鼠标接近了再显示：

[Vanessa219]

这样会不会找不到按钮呀,显示的时候第一眼都没看到 😄

[5kyfkr]

这样会不会找不到按钮呀,显示的时候第一眼都没看到 😄

逻辑一致吧，原来没有标签的时候都是隐藏起来的，有标签后反而一直显示怪怪的，一直隐藏问题不大，或者能做成自动展开的，只留一个+号，鼠标移上去展开成+添加标签

[royc01]

我是改成这样了

[Vanessa219]

那就保持一致吧，我再改改。

[TCOTC]

有改吗？我这里还是一直显示：

[Achuan-2]

添加按钮建议放在emoji、标签上面，

现在添加按钮在中间，不添加题头图的话，标题和emoji、标签间距很大，不好看，要添加题头图这个间距才会消失。

其实之前就挺好的，没必要照抄notion

[TCOTC]

要不这样改：

[Achuan-2]

要不这样改：

wolai是这样设计的，也可以参考下，根据emoji、标签、题头图的实际位置来分配按钮位置，我是觉得比notion那种设计好

[Vanessa219]

@TCOTC 改了，鼠标不要放在那一块区域看看。分开两行的话会比较明确，放在表情后面好像要修改表情一样。

@Achuan-2 以前的设计有用户会觉得头部空白太多，这样就更多了。

[TCOTC]

改了，鼠标不要放在那一块区域看看。分开两行的话会比较明确，放在表情后面好像要修改表情一样。

看了一下提交的时间，是在发版之后才提交的，要等下个版本才能看到效果了