由于activeadmin,我的css文件被覆盖

Question

首先,我创建了一个active_admin css文件 app/assets/stylesheets/active_admin.css.scss

/* active_admin.css.scss */
@import "active_admin/mixins";
@import "active_admin/base";

/* application.css.scss*/
@import "active_admin.css.scss"

所以我有很多我的CSS被覆盖,我按照这篇文章的说明但仍然无法正常工作.我将文件位置更改app/assets/stylesheets/active_admin.css.scss为 vendor/assets/stylesheets/active_admin.css.scss但仍然存在问题.

那么,我怎样才能在需要时加载activeadmin css文件？

Answer 1

根据seanlinsley对选定答案和nathan的回答的评论,在我看来,"最干净"的方式确实是active_admin.css.scss从... app/assets/stylesheets/转移到vendor/assets/stylesheets/.

无需任何其他(配置)修改:'main'应用程序将其样式恢复正常,AA显示也正常.

(我不想手动包含我的每个资源而不是require_tree ......!)

这是AA进入的方式:AA(仍然)在这个问题上打开了问题.

Answer 2

对于active_admin来说好玩,不要在application.css中包含它,即:删除

require_tree .

并在app/assets/stylesheets中单独要求每个文件,但不要放置active_admin.css

并在config/production.rb上放这个

config.assets.precompile += ['active_admin.css']

Answer 3

对我有用的(Rails 5)是在我的app/assets/stylesheets/application.css上添加以下行

*= stub "active_admin"