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.

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

在浮窗中为文档块添加题头图 #13083

Open
SaXz2 opened this issue Nov 7, 2024 · 9 comments
Open

在浮窗中为文档块添加题头图 #13083

SaXz2 opened this issue Nov 7, 2024 · 9 comments

Comments

@SaXz2
Copy link

SaXz2 commented Nov 7, 2024

In what scenarios do you need this feature?

Clip_2024-11-08_01-33-37

Clip_2024-11-08_01-33-48

希望可以为文档块的浮窗添加题头图,这样就可以通过 #12137 增加的特性来实现更丰富的样式设置

Describe the optimal solution

  • 给浮窗文档块添加题头图,也可以显示图标和标签,尽量简洁一些,我建议只加题头图,多一事不如少一事
  • 但是直接加还有些难看,希望可以优化一下UI让浮窗更加简洁,这点我看其他软件中都是这么做的,化繁为简。
  • 而且思源中在右侧悬浮的设计也有类似的可以保持统一
    Clip_2024-11-08_01-46-56

几种设计参考

面包屑放置底部
Clip_2024-11-08_01-43-27

竖排三行
95e44c3c08c5b53eea65572bd7be9d5e

隐藏顶栏到右侧
c789ab5897142834e7a5efa432284188

毛玻璃效果
Clip_2024-11-08_01-47-37

  • 我更偏向把顶栏放置在右侧,这样会让整体更加简洁

  • 遇到的问题,使用 CSS 调整顶栏到右侧,浮窗不能移动了,建议直接对顶栏和面包屑栏都添加按住可移动的特性,这样用户怎么操作都可以保证有地方按住鼠标进行移动位置

Describe the candidate solution

No response

Other information

No response

@KuiyueRO
Copy link

KuiyueRO commented Nov 7, 2024

个人比较赞同😆

如果不考虑内置关闭图标的话,我比较建议将浮窗等弹窗的样式向设置页面靠拢(这样还挺省空间的,尤其对于浮窗这种多图标的来说,由于图标的原因,暂时没有和设置做到一致)

另外,建议保留顶部拖拽的功能,但缩小它的高度,如下图

image-ltV0XVQ

但需要注意的是,浮窗在屏幕右侧时,浮窗生成位置要稍微往左偏移一些,以免关闭等图标生成在屏幕外

@TCOTC
Copy link
Contributor

TCOTC commented Nov 8, 2024

希望能在浮窗上显示文档标题,让浮窗的能力更完整

@SaXz2
Copy link
Author

SaXz2 commented Nov 8, 2024

希望能在浮窗上显示文档标题,让浮窗的能力更完整

标题显示在哪里,顶栏吗

@TCOTC
Copy link
Contributor

TCOTC commented Nov 8, 2024

题头图和正文中间,跟打开的页签一样

@SaXz2
Copy link
Author

SaXz2 commented Nov 8, 2024

题头图和正文中间,跟打开的页签一样

Clip_2024-11-08_12-33-15
这样的效果吗,感觉塞顶栏也不错,就是太占地方了,看着有点臃肿

@TCOTC
Copy link
Contributor

TCOTC commented Nov 8, 2024

我的意思是让浮窗显示的内容跟页签显示的内容保持一致,可以编辑文档标题、文档图标、文档题头图

@SaXz2
Copy link
Author

SaXz2 commented Nov 8, 2024

我的意思是让浮窗显示的内容跟页签显示的内容保持一致,可以编辑文档标题、文档图标、文档题头图

这样设计是不是有点太臃肿了,本来地方就不大还占了这么多空间,参考其他软件并没有这样的设计,这样搞那浮窗不就变成新页面了
Clip_2024-11-08_12-41-26

@TCOTC
Copy link
Contributor

TCOTC commented Nov 8, 2024

标题和题头图就是在同一个元素里的

@SaXz2
Copy link
Author

SaXz2 commented Nov 8, 2024

Clip_2024-11-08_13-42-52
改成这样呢,感觉多少还是有点满的

或者这样
Clip_2024-11-08_14-06-03

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants