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

Question

我有一个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的东西,并留下其余的？

Answer 1

通常,管理区域有自己的布局和资产(javascripts和样式表).我怀疑是否需要在应用程序的无管理页面中包含active_admin资产.

如果您的application.css默认包含所有样式表,请执行以下操作:

*= require_true .

然后将第三方资产复制到assets文件夹将破坏您描述的样式.考虑将其更改为显式包含样式表或使用本文中描述的方法:

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

这篇文章已经有3年了,所以它的部分内容可能需要改变,但这个想法就在那里.

Answer 2

感谢 James Chen 在下面开始的一系列研究（也感谢 Ryan Bates！）我找到了这个视频：http://railscasts.com/episodes/284-active-admin

视频快结束时，它解决了我的问题。不介意，但几天前我观看了视频的第一部分以安装 active_admin gem，然后停止观看。

基本上，如果您安装了 sass，请将您的 application.css 文件更改为 application.css.scss 以及其他一些小东西。