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

横向超级块建议添加垂直布局选项 #10906

Open
Achuan-2 opened this issue Apr 6, 2024 · 5 comments
Open

横向超级块建议添加垂直布局选项 #10906

Achuan-2 opened this issue Apr 6, 2024 · 5 comments

Comments

@Achuan-2
Copy link
Member

Achuan-2 commented Apr 6, 2024 •
edited
Loading

In what scenarios do you need this feature?

现在思源只有水平布局的设置，建议横向超级块添加垂直布局的设置
原因：
目前的横向超级块在两个块高度不一样的时候排版有时候不满足需求
Clip_2024-04-06_17-39-01

Describe the optimal solution

对横向超级块横排分栏时，添加垂直布局选项，垂直居中、顶部对齐、底边对齐选项
个人会更倾向于横向超级块垂直居中对齐对于块高度不一样的时候的图片和挂件排版会更舒服一些，当然如果是纯文字排版，还是顶部对齐好。
Clip_2024-04-06_17-39-27

Describe the candidate solution

现阶段可以用代码片段代替
/* 横向超级块中图片和挂件垂直居中 */
.protyle-wysiwyg .sb[data-sb-layout="col"]{
align-items: center;
}

Other information

No response
@Achuan-2 Achuan-2 mentioned this issue Apr 6, 2024
Open
@TCOTC
Copy link
Contributor

TCOTC commented Apr 6, 2024 •
edited
Loading

赞同。布局应该支持：

  • 水平居上、水平居中、水平居下、水平两侧对齐（改目前的文本）
  • 垂直居上、垂直居中、垂直居下（新增功能）

@5kyfkr
Copy link

5kyfkr commented Apr 7, 2024

要是有拉杆能调节块排布就更好了，现在只能调节元素的大小还是有点麻烦

@Achuan-2
Copy link
Member Author

Achuan-2 commented Apr 7, 2024

要是有拉杆能调节块排布就更好了，现在只能调节元素的大小还是有点麻烦

有issue了，#9521

@5kyfkr
Copy link

5kyfkr commented Apr 7, 2024 •
edited
Loading

要是有拉杆能调节块排布就更好了，现在只能调节元素的大小还是有点麻烦

有issue了，#9521

感觉可以一定程度上解决这个垂直布局问题，当然最好都有

@TCOTC
Copy link
Contributor

TCOTC commented Nov 17, 2024

用户需求：

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Achuan-2 @5kyfkr @TCOTC