LIFERAY 7.2 GA1主题:我的自定义scss样式影响默认LIFERAY菜单(在左侧和顶部)

LIFERAY 7.2 GA1主题:我的自定义scss样式影响默认LIFERAY菜单(在左侧和顶部),liferay,liferay-7,liferay-theme,Liferay,Liferay 7,Liferay Theme,我在基于gradle作为构建工具开发新的Liferay 7.2主题时遇到了一个问题,问题是我在文件_custom.scss中添加了自定义css,以自定义主题中的某些样式,左侧和顶部的默认liferay管理控制面板和菜单看起来非常糟糕,我的主题看起来没有响应。我指的是样式,还有一些按钮不再显示。例如,toast动画btn不可见 从我的角度来看,可能是我的自定义css,因为我有一个很大的css文件,这是从6.2->7.2的一种迁移,正在影响默认的liferay门户内容->这只是我的观点,可能我错了

我在基于gradle作为构建工具开发新的Liferay 7.2主题时遇到了一个问题,问题是我在文件_custom.scss中添加了自定义css,以自定义主题中的某些样式,左侧和顶部的默认liferay管理控制面板和菜单看起来非常糟糕,我的主题看起来没有响应。我指的是样式,还有一些按钮不再显示。例如,toast动画btn不可见

从我的角度来看,可能是我的自定义css,因为我有一个很大的css文件,这是从6.2->7.2的一种迁移,正在影响默认的liferay门户内容->这只是我的观点,可能我错了

否则,如果我的推理是正确的,请如何防止我的风格影响liferay默认菜单


在6.2和7.xHTML标记之间,很多事情都发生了变化。我强烈建议独立测试每个css小功能,并重写不再兼容的功能。我所说的特性是指与模板的特定portlet或部分相关的所有css代码

此外,主题模板本身也发生了很大的变化,不完全兼容。在这种情况下,我建议从一个新的主题模板开始,一个接一个地返回您在其中进行的定制。还可以看看新的内容页特性:您可能能够以一种更易于维护和web管理友好的方式用它们替换许多主题定制


也就是说,如果您只是想隔离sass代码,使其不会影响管理菜单,那么在默认模板中,没有快速的方法来识别页面的内容部分,有包装器和内容,但是它们太通用了,并且出现在管理页面中。我建议您在自己模板的正确级别添加一个id。在这之后,只需将所有sass代码嵌入到该id中。

在6.2和7.x html标记之间,很多事情都发生了变化。我强烈建议独立测试每个css小功能,并重写不再兼容的功能。我所说的特性是指与模板的特定portlet或部分相关的所有css代码

此外,主题模板本身也发生了很大的变化,不完全兼容。在这种情况下,我建议从一个新的主题模板开始,一个接一个地返回您在其中进行的定制。还可以看看新的内容页特性:您可能能够以一种更易于维护和web管理友好的方式用它们替换许多主题定制

也就是说,如果您只是想隔离sass代码,使其不会影响管理菜单,那么在默认模板中,没有快速的方法来识别页面的内容部分,有包装器和内容,但是它们太通用了,并且出现在管理页面中。我建议您在自己模板的正确级别添加一个id。之后,只需将所有sass代码嵌入该id中