2013-10-10 4 views
22

Prima ho creato un file CSS active_admin "active_admin.css.scss" on app/beni/fogli di stile/active_admin.css.scssActiveadmin sovrascrive il mio css

/* active_admin.css.scss */ 
@import "active_admin/mixins"; 
@import "active_admin/base"; 

/* application.css.scss*/ 
@import "active_admin.css.scss" 

Così ho un sacco di css di il mio stato è stato annullato, ho seguito le istruzioni di questo post http://robertomurray.co.uk/blog/2011/rails-fix-activeadmin-css-over-riding-problem ma ancora non funziona. Ho cambiato la posizione del file da app/assets/stylesheets/active_admin.css.scss a vendor/assets/stylesheets/active_admin.css.scss ma ho ancora il problema.

Quindi penso che la mia domanda è come posso caricare i file activeadmin css solo quando effettivamente necessario?

risposta

20

Per active_admin di bel gioco non includono nel application.css, vale a dire: rimuovere il

require_tree . 

e richiedono separatamente ogni file all'interno di app/Attività/fogli di stile ma non mettere active_admin. css

e config/production.rb mettere questo

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

questa linea farà l'amministratore css attiva disponibile alla sezione admin -> config .assets.precompile + = ['active_admin.css'] – jimagic

+0

devi elencare/inserire tutto il nome CSS all'interno di application.css tranne active_admin.css e rimuovere -> require_tree – jimagic

+3

Due cose: 1. Aggiungere active_admin.css alla lista di precompilazione non è necessaria; AA lo fa già. 2. C'è un biglietto aperto per affrontare il problema descritto qui: https://github.com/gregbell/active_admin/issues/2514 – seanlinsley

3

rimuovere questa riga dalla tua app/attività/stylehseets/application.css.sass

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

Sposta active_admin.css.scss al vendor/attività/fogli di stile/

66

Sulla base di commentare seanlinsley sulla risposta selezionata e la risposta di nathan troppo, mi sembra che il modo 'pulito' è infatti quello di sposta active_admin.css.scss da app/assets/stylesheets/ a vendor/assets/stylesheets/.

Nessuna necessità di altre modifiche (di configurazione): l'app 'principale' ha i suoi stili tornati alla normalità e anche il display AA è normale.

(non ho voluto includere manualmente ciascuno dei miei le risorse invece di require_tree ...!)

Questo è il modo AA è sempre in: AA (still) opened issue on the matter.

+6

Grazie. Questa è la migliore soluzione per Rails 4.1. – dankohn

+3

Perfect in Rails 4.1 – pastullo

+5

Questa dovrebbe essere la risposta accettata. Grazie! – cnp

5

Quello che ha funzionato per me (Rails 5) è stata aggiunta la seguente riga sul mio app/beni/fogli di stile/application.css

*= stub "active_admin"