material-ui 主题的版式边距会影响CSS基线正文边距

aor9mmx1  于 2022-10-29  发布在  其他
关注(0)|答案(6)|浏览(119)
  • 最新版本中存在此问题。
  • 我已经搜索了此存储库的issues,并认为这不是重复的。

当前行为😯

我在Body 1排版中添加了默认边距:

const theme = createTheme({
  typography: {
    body1: {
      margin: "1em 0",
    },
  },
});

我还使用CssBaseline组件来重置我的body边距。

预期行为🤔

body标记边距应不受主题的“排版”边距的影响。

重现步骤🕹

操作步骤:
1.添加了上面的相关代码。情况应该是相当简单的,但如果不是的话,很乐意创建一个可克隆的repo。

上下文🔦

使用CssBaseline重置正文边距,同时为Body 1版式设置默认边距。
我认为该问题是由bd47246#diff-1436704 df 74905287 cc 5 fb 6 f20 b61 e236 f60 e395 b38 c45 ec 51 dcbe 841 afa 7 ecaR 25引起的。
如果我正确理解了更改的上下文,它似乎只打算复制字体大小。我想提出以下更改:
...(theme.typography.body1 && theme.typography.body1.fontSize ? {fontSize: theme.typography.body1.fontSize} : {})
因此只有fontSize被复制。

您的环境🌎

'npx @mui/环境信息'系统:操作系统:Windows 10 10.0.19043下载节点:14.17.6 - C:\程序文件\节点\节点. EXEYarn:1.22.4 - C:\程序文件(x86)\Yarn\箱\Yarn.CMD npm:6.14.15 - C:\程序文件\节点\npm.CMD浏览器:镀铬:94.0.4606.81边缘:斯巴达(44.19041.1266.0)、铬(95.0.1020.30)纳米封装:@情绪/React:11.5.0 @情感/风格:11.3.0 @梅/芯:5.0.0-alpha.51 @mui/图标材料:5.0.4 @梅/材:5.0.4 @梅/私主题化:5.0.1@mui/曲式发动机:5.0.1@mui/系统:5.0.4 @梅/类型:7.0.0@mui/实用程序:5.0.1 @类型/React:^17.0.30 =〉17.0.30React时间:17.0.2反作用域:17.0.2打印稿:^4.4.4 =〉第4.4.4节

yqhsw0fo

yqhsw0fo1#

也许@mbrookes可以回应,他有更多的背景,为什么它被介绍。

8fsztsew

8fsztsew2#

从body2到body1的更改是v5中引入的突破性更改之一:#24018的最大值
我想CSSBaseline的范围可以限制为fontSize,但这本身就是一个突破性的变化...

bgibtngc

bgibtngc3#

我想是的,但是编辑排版的边距(或其他看起来更违反直觉的样式,例如背景色、边框等)是否会影响文档正文的相应样式?
如果是这样,那么是的,这是一个突破性的变化,我将保留我目前的变通办法。
如果没有,那么可以说这是一个意外后果的补丁。

g52tjvyc

g52tjvyc4#

我不认为这是有意的,但同时我们也不能假设其他人没有依赖它(尽管这看起来不太可能)。我想这取决于我们对SemVer的严格遵守程度。我尊重@eps1lon在这方面的观点,而不是我自己的观点。

x8goxv8g

x8goxv8g5#

一个非破坏性的更改可以是在主题中公开除typography.body1之外的另一个字段,这也会影响body1的默认样式。

bxfogqkk

bxfogqkk6#

然而,它引入污垢只是为了避免一个破坏性的变化,其本身的删除将是一个破坏性的变化。
除非它有足够的动力,否则我们就停下来。

相关问题