twitter-bootstrap - 如何停止 active_admin css.scss 文件更改我的应用程序的整体外观

Question

我有一个 ruby​​ on rails 项目，ruby2 和 rails4。我已经安装了 bootstrap-sass gem。我最近安装了 activeadmin gem，它在我的 app/styles 文件夹中添加了一个文件 active_admin.css.scss:

// 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 东西，其余的就不用管了吗？

Answer 1

通常管理区域有自己的布局和 Assets (javascripts 和样式表)。我怀疑是否有必要在您的应用的非管理页面中包含 active_admin Assets 。

如果您的 application.css 默认包含所有样式表:
*= require_true .
然后将第 3 方 Assets 复制到 Assets 文件夹中会破坏您所描述的风格。考虑将其更改为显式包含样式表或使用本文中描述的方法:

http://mrdanadams.com/2011/exclude-active-admin-js-css-rails/

这篇文章已有 3 年历史，因此可能需要更改其中的部分内容，但想法就在那里。