Skip to content

减少列表竖线间距 #3137

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

Closed
Kitsuta-le opened this issue Oct 12, 2021 · 9 comments
Closed

减少列表竖线间距 #3137

Kitsuta-le opened this issue Oct 12, 2021 · 9 comments
Assignees
Milestone

Comments

@Kitsuta-le
Copy link

Kitsuta-le commented Oct 12, 2021

506111337d7957be5f8f75bf4422d56
4b5c3169aa85531ab8f7fd57bbcedaa
)

@88250 88250 added this to the 1.4.3 milestone Oct 12, 2021
@Kitsuta-le Kitsuta-le changed the title 减少安卓列表竖线间距 减少列表竖线间距 Oct 12, 2021
@Kitsuta-le
Copy link
Author

本来是写的安卓的。。。可是对比了一下电脑的其他大纲竖线好像也是比较宽的。。。尤其在分屏的时候会很挤
image

@88250
Copy link
Member

88250 commented Oct 12, 2021

好的,我们一并改进。

@Kitsuta-le
Copy link
Author

好的,我们一并改进。

加油!

@fanglypro
Copy link

fanglypro commented Oct 12, 2021

还有列表的行间距能否也调小一点呢。现在的列表行间距差不多是其他大纲软件的两倍。

思源:

image

workflowy:

image

logseq:

image

我之前都是自己通过CSS调小间距,但这会有很多连锁问题,造成列表中的不少内容会有部分重合,比如多选时的阴影,列表中的嵌入块,调整起来挺不容易 o(╥﹏╥)o

希望能模仿其他大纲软件再优化下列表的样式 ヾ(◍°∇°◍)ノ゙

@Kitsuta-le
Copy link
Author

image
我倒觉得现在的行间距更清晰,如果调整的话希望能给个选项

@fanglypro
Copy link

fanglypro commented Oct 12, 2021

image 我倒觉得现在的行间距更清晰,如果调整的话希望能给个选项

嗯嗯,不同人的看法确实不太一样。

列表竖线间距的话改CSS挺方便

.protyle-wysiwyg [data-node-id].li>.list {
    padding-left: 0px;
}

我加上了这个,间距就和以前差不多了,暂时也没发现副作用。

但列表行间距有点难调,因为会带来不少副作用。

如果不改默认的话,希望V姐或者有大佬可以帮忙给出调间距需要增加的、完整的、处理好副作用的CSS,让用户可以自己加到主题CSS里面 ~(≥▽≤)/~

比如我加上这段代码:

.protyle .li {
    margin: -5px 0px -5px 0px;
}

间距和其他软件差不多了,但会造成:

image

image

@fanglypro
Copy link

fanglypro commented Oct 12, 2021

image 我倒觉得现在的行间距更清晰,如果调整的话希望能给个选项

对了,你截图里的这个并不是默认的列表行间距,你这是Tsundoku-green主题吧,这个主题里面改过列表行间距的,它的参数是:

.protyle .li {
    margin: 0px 0px 0px 0px;
}

这个参数下是刚刚好使得多选块的阴影没有重合,刚好贴在一起。

你可以试试改成默认主题,感受下默认的列表行间距。

@Kitsuta-le
Copy link
Author

image 我倒觉得现在的行间距更清晰,如果调整的话希望能给个选项

对了,你截图里的这个并不是默认的列表行间距,你这是Tsundoku-green主题吧,这个主题里面改过列表行间距的,它的参数是:

.protyle .li {
    margin: 0px 0px 0px 0px;
}

这个参数下是刚刚好使得多选块的阴影没有重合,刚好贴在一起。

你可以试试改成默认主题,感受下默认的列表行间距。

image
啊!还真是,默认的确实是过宽。。。

@AiteYx
Copy link

AiteYx commented Sep 18, 2024

今天刚下载思源使用。现在仅仅“.protyle .li”不能修改间距了,默认主题下。
在 theme.css 最后添加这些可以仅仅改变列表之间的间距。

.li .p {
    padding: 0px 0px 0px 0px;
}
.protyle-wysiwyg .li {
    min-height: 26px !important;
}
.protyle-wysiwyg [data-node-id].li>[data-node-id] {
    margin-left: 26px !important;
}
.protyle-wysiwyg [data-node-id].li>.protyle-action {
    width: 26px !important;
}
.li > .protyle-action {
    height: 26px !important;
    line-height: 26px !important;
}

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

No branches or pull requests

5 participants