Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve doc icon, background and tag editing interaction #10926

Closed
TCOTC opened this issue Apr 7, 2024 · 32 comments
Closed

Improve doc icon, background and tag editing interaction #10926

TCOTC opened this issue Apr 7, 2024 · 32 comments
Assignees
@Vanessa219
Labels
Enhancement
Milestone
3.0.12

Comments

@TCOTC
Copy link
Contributor

TCOTC commented Apr 7, 2024 •
edited

改进文档添加图标

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

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

包含 3 点改动：

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

TCOTC commented Apr 7, 2024

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

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

image

@88250
Copy link
Member

88250 commented Apr 7, 2024

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

@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 7, 2024 •
edited

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

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

@TCOTC TCOTC changed the title 文档上方「随机图标」功能改为「添加图标」 改进文档添加图标 Apr 7, 2024
@88250
Copy link
Member

88250 commented Apr 7, 2024

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

@88250 88250 added this to the 3.0.8 milestone Apr 7, 2024
@88250 88250 changed the title 改进文档添加图标 Improve doc icon editing interaction Apr 7, 2024
@88250 88250 modified the milestones: 3.0.8, backlog Apr 7, 2024
@88250 88250 modified the milestones: backlog, 3.0.12 Apr 20, 2024
@5kyfkr
Copy link

5kyfkr commented Apr 20, 2024 •
edited

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

@Vanessa219
Copy link
Member

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

@Vanessa219 Vanessa219 changed the title Improve doc icon editing interaction Improve doc icon, background and tag editing interaction Apr 25, 2024
@5kyfkr
Copy link

5kyfkr commented Apr 25, 2024

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

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

@88250
Copy link
Member

88250 commented Apr 25, 2024

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

Vanessa219 added a commit that referenced this issue Apr 26, 2024
@Vanessa219
🎨 #10926
94e2e77
@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 26, 2024

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

image

@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 26, 2024 •
edited

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

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

image

image

image

@Vanessa219
Copy link
Member

1234 后面有个➕

@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 27, 2024

1234 后面有个➕

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

Vanessa219 added a commit that referenced this issue Apr 27, 2024
@Vanessa219
♻️ #10926
9876888
@5kyfkr
Copy link

5kyfkr commented Apr 28, 2024 •
edited

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

@5kyfkr
Copy link

5kyfkr commented Apr 28, 2024

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

@5kyfkr
Copy link

5kyfkr commented Apr 28, 2024

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

@Vanessa219
Copy link
Member

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

@mustakshif
Copy link

截屏2024-04-28 13 30 06

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

@TCOTC TCOTC mentioned this issue Apr 28, 2024
Closed
@mustakshif

This comment was marked as resolved.

Sign in to view
@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 28, 2024 •
edited

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

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

Vanessa219 added a commit that referenced this issue Apr 28, 2024
@Vanessa219
🎨 #10926
d97dd39
@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 28, 2024

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

image

@Vanessa219
Copy link
Member

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

@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 29, 2024

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

标签

@Vanessa219
Copy link
Member

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

@5kyfkr
Copy link

5kyfkr commented Apr 30, 2024

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

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

@royc01
Copy link

royc01 commented Apr 30, 2024

image
我是改成这样了

@Vanessa219
Copy link
Member

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

Vanessa219 added a commit that referenced this issue Apr 30, 2024
@Vanessa219
🎨 #10926
deed49e
@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 30, 2024

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

image

@Achuan-2
Copy link
Member

Achuan-2 commented Apr 30, 2024 •
edited

添加按钮建议放在emoji、标签上面，
Clip_2024-04-30_17-53-47

现在添加按钮在中间，不添加题头图的话，标题和emoji、标签间距很大，不好看，要添加题头图这个间距才会消失。
Clip_2024-04-30_17-51-52
其实之前就挺好的，没必要照抄notion

@TCOTC
Copy link
Contributor Author

TCOTC commented Apr 30, 2024

要不这样改：

image

@Achuan-2
Copy link
Member

Achuan-2 commented Apr 30, 2024 •
edited

要不这样改：

image

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

@Vanessa219
Copy link
Member

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

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

@TCOTC
Copy link
Contributor Author

TCOTC commented May 1, 2024

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Vanessa219 Vanessa219

Labels
Enhancement
Projects
None yet
Milestone
3.0.12
Development

No branches or pull requests
7 participants
@88250 @Vanessa219 @royc01 @Achuan-2 @5kyfkr @TCOTC @mustakshif