Deployment to production borks the hobo_clean_admin theme?

[Lea Viljanen]

I'm not sure if this is an issue in Hobo, the new asset pipeline or something in my config. But just to check, has anyone else experienced a partial failure in the Hobo admin theme in production?

I have an older Hobo app I've now redone to use the new Hobo 2.0 and Rails 3.2. It's been an interesting experience but my (hopefully) last issue is with the admin site theme (hobo_clean_admin) in production.

I have the app up and running in development and everything looks fine. But when I deploy the app with capistrano from git to my Amazon EC2 instance, the hobo_clean_admin theme works only partially.

It looks like some of the clean.css definitions are not used but the reset.css definitions are overriding them. For example, the h2 heading class font isn't 18px but 28px.

This is somewhat difficult to debug, because the asset precompilation mashes all the css files together to an unmanageable lump file in production. The clean.css definitions seem to be there but sandwiched between two reset.css definitions.

--
Lea 'LadyBug' Viljanen

[Vivek Sampara]

Can you make sure if everything looks fine when you precompile all the assets locally once ? 

rake assets:precompile:all 

this way you can easily identify the issue. 

Vivek

--
You received this message because you are subscribed to the Google Groups "Hobo Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to hobousers+...@googlegroups.com.
To post to this group, send email to hobo...@googlegroups.com.
Visit this group at http://groups.google.com/group/hobousers?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Lea Viljanen]

Well, now the issue is both on development and production, which is progress, of sorts 8)

Looking at the h2 class=heading  element with FF Inspect Element in development:

- the h2 definition (font-size 28px) comes from hobo_clean_admin.css

- hobo_clean_admin.css is generated by asset precompilation and it seems to be composed of the following files in this order:

  * reset.css

  * stuff generated from clean.css.erb

  * rapid-ui.css

  * reset.css again !

Where does that second reset.css come from?

I am actually using three themes in this app: front uses hobo-clean-nuija, which is my version of hobo-clean, and hobo-clean-admin. But the admin site uses only the default hobo-clean-admin.

--
Lea 'LadyBug' Viljanen

[Vivek Sampara]

Can you copy paste your styles manifest files ? application.css, admin.css , front.css 

Vivek

--

[Lea Viljanen]

application.scss
/*
 * This is the global stylesheet manifest file.  Files or plugins
 * referenced from here or placed in the application/ directory will be
 * included in all subsites.  This file is included by front.css and all
 * subsites.
 *
 *= require_self
 *= require_tree ./application
*/

front.scss
/*
 * This is the stylesheet manifest file for the front subsite (which
 * is your whole application if you don't have any subsites).  Files
 * or plugins referenced from here or placed in the front/ directory
 * will be included.
 *
 *= require_self
 *= require application
 *= require hobo_rapid
 *= require hobo_jquery
 *= require hobo_clean
 *= require hobo_jquery_ui
 *= require jquery-ui/redmond
 *= require_tree ./front
 *= require hobo_clean_nuija
*/

steward.scss (my admin site is called steward)
/*
 * This is the stylesheet manifest file for the steward subsite.
 * Files or plugins referenced from here or placed in the steward/
 * directory will be included.
 *
 *= require_self
 *= require application
 *= require hobo_rapid
 *= require hobo_jquery
 *= require hobo_clean_admin
 *= require hobo_jquery_ui
 *= require jquery-ui/flick
 *= require_tree ./steward
*/

--
Lea 'LadyBug' Viljanen

[Vivek Sampara]

for admin try it with this sequence 

 *= require_self
 *= require application

 *= require hobo_clean_admin
 *= require hobo_jquery_ui
 *= require jquery-ui/flick
 *= require_tree ./steward

[Lea Viljanen]

No luck. I have tweaked the steward.scss every which way.

But I think there is something weird going on with the hobo_clean_admin.

 The following stewards.sccs will cause reset.css be included twice in the steward.css:

/*
 * This is the stylesheet manifest file for the steward subsite.
 * Files or plugins referenced from here or placed in the steward/
 * directory will be included.
 *
 *= require_self
 *= require application

 *= require hobo_clean_admin
 *= require hobo_jquery_ui
 *= require jquery-ui/flick
 *= require_tree ./steward
*/

However:
- if I replace the hobo_clean_admin with my own hobo_clean_nuija (the theme used in the front), everything works just fine.

- if I replace the hobo_clean_admin with hobo_clean, the issue still occurs.

When it's working (like with my theme) reset.css is included only once in steward.css when assets are precompiled. If I choose hobo_clean or hobo_clean_admin, it goes twice.
My theme hobo_clean_nuija is based on hobo_clean, the difference is a couple of png's and the name, that's all. I just copied the files to a local directory, changed the name references and added the pngs.

I also reinstalled & rebundled both the hobo theme gems, but that did not make any difference.

I'm really quite at loss here.

--
Lea 'LadyBug' Viljanen

[Vivek Sampara]

Can you share your app or make a sample app similar to this one and share it ? there must be something you're missing . After looking at the structure i can suggest you. 

--