Liferay 7 Themes and AUI



我对Liferay 7主题和AUI有一个问题。首先,我的理解每个Liferay页面都分为各节,如下所示:
-https://dev.liferay.com/es/develop/tutorials/-/knowledge_base/6-2/setting-up-custom-css

,我必须将任何自定义CSS与上述链接中定义的适当包装器包装。主题中定义的任何CSS都适用于页面的适当部分,适用于Web应用程序中的所有页面。我还可以在主题中创建自定义包装器,单个portlet可以使用'com.liferay.portlet.css class-class-wrapper'注释。

因此,我可以通过创建CSS类并指的是如下:
来更改AUI按钮的外观:
< aui:button cssClass="btn-lg".../>

,但对我来说,如何将自定义CSS应用于AUI数据表。指导当然是值得赞赏的。

您可以使用主题贡献者。

并且在那里创建一个.scss文件,并在其中放置自定义样式,例如:

.yui3-datatable{
  & thead{
    backgournd-color: red;
  }
}

您还可以使用自定义样式使用'your-theme/css/custom.csss'覆盖默认样式。

最新更新