GithubHelp home page GithubHelp logo

Comments (7)

royc01 avatar royc01 commented on August 22, 2024

了解,后续看看怎么优化

from notion-theme.

royc01 avatar royc01 commented on August 22, 2024

样式微调了一下,列表官方没有对齐,后面再考虑吧

from notion-theme.

HowcanoeWang avatar HowcanoeWang commented on August 22, 2024

siyuan-note/siyuan#6266 (comment)

默认主题的引述块存在 padding 和 border,除非移除这些样式,否则没有办法对齐。

似乎可以通过设置data-type="NodeBlockEmbed"的padding-left=0来实现对齐块引用的对齐?

image

image

调节之前:

image

调节之后:

image

from notion-theme.

HowcanoeWang avatar HowcanoeWang commented on August 22, 2024

但上述情况仅适用于 主页面 下的独立嵌入块(意会一下?)

对于列表项内部的嵌入块,不改这个padding-left=4是正确的

image

改了反而不对了

image

可以通过判断这个element的parent是否含有 data-doc-type="NodeDocument" 来决定是否进行padding-left=0的设置

image

from notion-theme.

royc01 avatar royc01 commented on August 22, 2024

padding-left:2px;试试

from notion-theme.

HowcanoeWang avatar HowcanoeWang commented on August 22, 2024

padding-left:2px;试试

2的话,对的还不是很完美

image

from notion-theme.

royc01 avatar royc01 commented on August 22, 2024

我这边有对齐。。算了,不挣扎了

from notion-theme.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.