ruby-on-rails-4 - 如何更改 Rails activeadmin 上的 css？

Question

我发现了几个类似的问题，但没有一个明确的答案。我已经安装了活动管理员并尝试更改我在 active_admin.css.scss 上阅读的 css

// 要查看 Active Admin 提供的变量，请查看app/assets/stylesheets/active_admin/mixins/_variables.css.scss// Active Admin 源中的 //。

我找不到上面的文件 stylesheets/active_admin 我错过了什么？

Answer 1

您是否正在查看 gem 目录，例如，

$ cd `bundle show activeadmin`

在这里运行find显示（只是部分列表）：

➜  activeadmin-0.6.0  find . -name "*.scss"
./app/assets/stylesheets/active_admin/_base.css.scss
./app/assets/stylesheets/active_admin/_forms.css.scss
./app/assets/stylesheets/active_admin/_header.css.scss
./app/assets/stylesheets/active_admin/_mixins.css.scss
./app/assets/stylesheets/active_admin/_typography.css.scss
... etc ...
./app/assets/stylesheets/active_admin/mixins/_typography.scss
./app/assets/stylesheets/active_admin/mixins/_utilities.scss
./app/assets/stylesheets/active_admin/mixins/_variables.css.scss
... etc ...

这些是您可以覆盖的样式。

然后，您正在加载 CSS，例如：

➜  cat app/assets/stylesheets/active_admin.css.scss
@import 'active_admin_custom';
@import 'bootstrap_and_overrides';

把你的覆盖/定制放在那里。

Answer 2

我会添加您需要用作覆盖的任何内容 app/assets/stylesheets/active_admin/base.css.scss