Activeadmin đè css của tôi

Question

Trước tiên tôi đã tạo ra một tập tin css active_admin "active_admin.css.scss" trên ứng dụng/tài sản/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" 

Vì vậy, tôi có rất nhiều css của tôi bị ghi đè, tôi đã làm theo hướng dẫn của bài đăng này http://robertomurray.co.uk/blog/2011/rails-fix-activeadmin-css-over-riding-problem nhưng vẫn không hoạt động. Tôi thay đổi vị trí của tệp từ ứng dụng/asset/stylesheets/active_admin.css.scss thành nhà cung cấp/asset/stylesheets/active_admin.css.scss nhưng vẫn gặp sự cố.

Vì vậy, tôi đoán câu hỏi của tôi là làm thế nào tôi có thể tải các tệp css activeadmin chỉ khi chúng thực sự cần thiết?

Answer 1

Đối active_admin để chơi thoải mái không bao gồm nó trong application.css, ví dụ: loại bỏ các

require_tree . 

và yêu cầu mỗi tập tin riêng rẽ bên trong ứng dụng/tài sản/stylesheets nhưng không đặt active_admin. css

và trên config/production.rb đặt này

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

Answer 2

Hủy bỏ dòng này từ ứng dụng/tài sản của bạn/stylehseets/application.css.sass

*= require_tree ../../../vendor/assets/stylesheets/ 

Move active_admin.css.scss cho nhà cung cấp/tài sản/stylesheets/

Answer 3

Dựa trên nhận xét seanlinsley về câu trả lời được lựa chọn và câu trả lời của Nathan quá, có vẻ như với tôi rằng cách 'sạch' thực sự là để di chuyển active_admin.css.scss từ app/assets/stylesheets/ đến vendor/assets/stylesheets/.

Không cần phải sửa đổi (cấu hình) khác: ứng dụng 'chính' có kiểu dáng trở lại bình thường và màn hình AA cũng bình thường.

(Tôi không muốn tự bao gồm từng danh ressources của tôi thay vì require_tree ...!)

Đây là cách AA là nhận được vào: AA (still) opened issue on the matter.

Answer 4

gì làm việc cho tôi (Rails 5) đã được bổ sung thêm dòng sau vào tôi ứng dụng/tài sản/stylesheets/application.css

*= stub "active_admin"