我有一个
ruby on rails项目,ruby2和rails4.我已经安装了bootstrap-sass gem.我最近安装了activeadmin gem,它将一个文件active_admin.css.scss添加到我的app / styles文件夹中：
// SASS variable overrides must be declared before loading up Active Admin's styles.
//
// To view the variables that Active Admin provides,take a look at
// `app/assets/stylesheets/active_admin/mixins/_variables.css.scss` in the
// Active Admin source.
//
// For example,to change the sidebar width:
// $sidebar-width: 242px;
// Active Admin's got SASS!
@import "active_admin/mixins";
@import "active_admin/base";
// Overriding any non-variable SASS must be done after the fact.
// For example,to change the default status-tag color:
//
// .status_tag { background: #6090DB; }
现在我的项目中的按钮和表单(我使用bootstrap类设计)看起来完全不同.这就像active_admin.css.scss超越了我的整个项目.当我评论下面这样的行时：
// @import "active_admin/mixins"; // @import "active_admin/base";
我的原始按钮返回,但ActiveAdmin看起来很乱.任何想法我如何解决这个问题 – 只需要让active_admin.css.scss处理我的actice_admin东西,剩下的就剩下了吗？
解决方法
通常,管理区域有自己的布局和资产(javascripts和样式表).我怀疑是否需要在应用程序的无管理页面中包含active_admin资产.
如果您的application.css默认包含所有样式表,请执行以下操作：
* = require_true.
然后将第三方资产复制到资产文件夹将破坏您描述的样式.考虑将其更改为显式包含样式表或使用本文中描述的方法：
http://mrdanadams.com/2011/exclude-active-admin-js-css-rails/
这篇文章已经有3年了,所以它的一部分可能需要改变,但这个想法就在那里.