我们希望使用数据网格，但我们所有网站中的按钮都存在问题 . 一旦安装了Clarity，就不可能制作小方形按钮 . 在某种程度上，每个按钮的最小宽度似乎被系统中的某些东西所覆盖 .
有没有办法分离Clarity设计系统的不同组件？或者可能排除其中一些？按钮最小宽度是否知道此问题？你知道一种防止这种行为的方法吗？
非常感谢 .
Clarity的样式被捆绑为一个单元，因此您必须自己构建样式，并且只构建Datagrid所需的部分 . 有关自定义主题https://vmware.github.io/clarity/documentation/v0.11/themes的主题文档底部附近可以找到一些详细信息 . 你必须通过尝试删除其他一切来进一步 . 然后你可以将 ClrDatagridModule 从 @clr/angular 导入你的Angular应用程序 .
ClrDatagridModule
@clr/angular
但是，我不能保证您能够避免按钮问题，因为数据网格有按钮，我们不建议只构建Clarity的孤立部分（我们不知道它在实践中的效果如何） .
您始终可以使用自己的CSS覆盖任何CSS，以重置按钮 min-width 属性 . 我们设置了一些像这样的值来确保用户可以正确访问的东西，所以我不确定你的限制是什么，但最好的办法就是在必要时覆盖Clarity样式 .
min-width
谢谢你的帮助 .
我设法通过将以下代码添加到我的css文件来中和按钮行为 .
.btn { min-width: unset; min-height: unset; }
2 回答
Clarity的样式被捆绑为一个单元，因此您必须自己构建样式，并且只构建Datagrid所需的部分 . 有关自定义主题https://vmware.github.io/clarity/documentation/v0.11/themes的主题文档底部附近可以找到一些详细信息 . 你必须通过尝试删除其他一切来进一步 . 然后你可以将
ClrDatagridModule从@clr/angular导入你的Angular应用程序 .但是，我不能保证您能够避免按钮问题，因为数据网格有按钮，我们不建议只构建Clarity的孤立部分（我们不知道它在实践中的效果如何） .
您始终可以使用自己的CSS覆盖任何CSS，以重置按钮
min-width属性 . 我们设置了一些像这样的值来确保用户可以正确访问的东西，所以我不确定你的限制是什么，但最好的办法就是在必要时覆盖Clarity样式 .谢谢你的帮助 .
我设法通过将以下代码添加到我的css文件来中和按钮行为 .