CODEWITHSUNDEEP
ruby-on-railsruby-on-rails-4railstutorial.org
monty_lennie
monty_lennie

Reputation: 3341

will_paginate appears wrong in production

UPDATE: I found through chrome dev tools that the custom.css.scss below wasn't being used in production. Does anyone know why heroku wouldn't use some scss?

I'm following ruby on rails tutorial and the pagination for the index appears off in production. It appears as if the image is not clearing the above image. Any help is appreciated. Thanks

This is how the index looks in development:

How index looks in development

This is how the index looks in production: How index looks in production

Here is the css in custom.css.scss:

/* Masters index */

.masters {
  list-style: none;
  margin: 0;
  li {
    overflow: auto;
    padding: 10px 0;
    border-top: 1px solid $grayLighter;
    &:last-child {
      border-bottom: 1px solid $grayLighter;
    }
  }
 }

The index.html.erb

<% provide(:title, 'All masters') %>
<h1>All masters</h1>

<%= will_paginate %>

<ul class="masters">
    <%= render @masters %>
</ul>

<%= will_paginate %>

_master.html.erb

<li>
    <%= gravatar_for master, size: 52 %>
    <%= link_to master.name, master %>
    <% if current_master.admin? && !current_master?(master) %>
        | <%= link_to "delete", master, method: :delete,
            data: { confirm: "Are you sure you want to delete this master?" } %>
    <% end %>
</li>

Upvotes: 0

Views: 142

Answers (2)

monty_lennie
monty_lennie

Reputation: 3341

Ok I had to do rake assets:precompile in order to fix it.

Upvotes: 1

richardsun
richardsun

Reputation: 3235

I suggest taking out your trusty web debugger (Firebug or the tools in Chrome or Safari) and comparing the CSS and Markup in prod to the CSS and Markup in dev.

Upvotes: 1

Related Questions