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

[全局样式] 全局样式 box-sizing 问题 #806

Closed
moecasts opened this issue May 26, 2022 · 4 comments
Closed

[全局样式] 全局样式 box-sizing 问题 #806

moecasts opened this issue May 26, 2022 · 4 comments
Labels
🎨 design Something about design or style

Comments

@moecasts
Copy link
Collaborator

moecasts commented May 26, 2022

这个功能解决了什么问题

tdesign 的全局样式中将所有的元素都改成了box-sizing: border-box;,对于老项目来说很不友好,很多组件是基于 content-box 来写的,一引入样式就都乱了。
wecom-temp-b3cd27c510b8e810b5c11e5d568bc92d

你建议的方案是什么

只改 tdesign 的组件的样式。

[class^='t-'] {
  box-sizing: border-box;
}
@github-actions
Copy link
Contributor

👋 @moecasts,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@honkinglin honkinglin added the 🎨 design Something about design or style label May 30, 2022
@mathewzhai
Copy link

这个功能解决了什么问题

tdesign 的全局样式中将所有的元素都改成了box-sizing: border-box;,对于老项目来说很不友好,很多组件是基于 content-box 来写的,一引入样式就都乱了。 wecom-temp-b3cd27c510b8e810b5c11e5d568bc92d

你建议的方案是什么

只改 tdesign 的组件的样式。

[class^='t-'] {
  box-sizing: border-box;
}

还有诸如全局的行高、字体等也会造成对老项目的样式覆盖,也建议在 [class^='t-'] 内部定义

@honkinglin
Copy link
Collaborator

下版本准备全面移除reset样式代码,预计6.17日前完成

@honkinglin
Copy link
Collaborator

0.36.0 fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 design Something about design or style
Projects
None yet
Development

No branches or pull requests

3 participants