Change default img icons to responsive font icons

Using Entypo fonts by Daniel Bruce. Licenced under CC BY-SA. Fonts are embedded for minimal approach and only include fonts for current providers. Tweaked icon names to avoid collision.
spree-contrib · Feb 15, 2014 · 829eecd · 829eecd
1 parent 54c489c
commit 829eecd
Show file tree

Hide file tree

Showing 21 changed files with 69 additions and 3 deletions.
diff --git a/app/assets/images/store/facebook_128.png b/app/assets/images/store/facebook_128.png
diff --git a/app/assets/images/store/facebook_256.png b/app/assets/images/store/facebook_256.png
diff --git a/app/assets/images/store/facebook_32.png b/app/assets/images/store/facebook_32.png
diff --git a/app/assets/images/store/facebook_64.png b/app/assets/images/store/facebook_64.png
diff --git a/app/assets/images/store/github_128.png b/app/assets/images/store/github_128.png
diff --git a/app/assets/images/store/github_256.png b/app/assets/images/store/github_256.png
diff --git a/app/assets/images/store/github_32.png b/app/assets/images/store/github_32.png
diff --git a/app/assets/images/store/github_64.png b/app/assets/images/store/github_64.png
diff --git a/app/assets/images/store/google_oauth2_128.png b/app/assets/images/store/google_oauth2_128.png
diff --git a/app/assets/images/store/google_oauth2_256.png b/app/assets/images/store/google_oauth2_256.png
diff --git a/app/assets/images/store/google_oauth2_32.png b/app/assets/images/store/google_oauth2_32.png
diff --git a/app/assets/images/store/google_oauth2_64.png b/app/assets/images/store/google_oauth2_64.png
diff --git a/app/assets/images/store/twitter_128.png b/app/assets/images/store/twitter_128.png
diff --git a/app/assets/images/store/twitter_256.png b/app/assets/images/store/twitter_256.png
diff --git a/app/assets/images/store/twitter_32.png b/app/assets/images/store/twitter_32.png
diff --git a/app/assets/images/store/twitter_64.png b/app/assets/images/store/twitter_64.png
diff --git a/app/assets/stylesheets/spree/frontend/fontello.css b/app/assets/stylesheets/spree/frontend/fontello.css
diff --git a/app/assets/stylesheets/spree/frontend/spree_social.css b/app/assets/stylesheets/spree/frontend/spree_social.css
@@ -1,3 +1,4 @@
 /*
  *= require spree/frontend
+ *= require_tree .
 */
diff --git a/app/views/spree/shared/_social.html.erb b/app/views/spree/shared/_social.html.erb
@@ -4,7 +4,8 @@
   <% end %>
 
   <% Spree::AuthenticationMethod.available_for(@spree_user).each do |method| %>
-    <% img = "store/#{method.provider}_32.png" %>
-    <%= link_to(image_tag(img, :size => "32x32", :alt => "#{method.provider}"), spree.spree_user_omniauth_authorize_url(provider: method.provider), :title => Spree.t(:sign_in_with, :provider => method.provider)) if method.active %>
+    <%= link_to(content_tag(:i, '', class: "icon-spree-#{method.provider.to_url}-circled"),
+          spree.spree_user_omniauth_authorize_url(provider: method.provider),
+          title: Spree.t(:sign_in_with, provider: method.provider)) if method.active %>
   <% end %>
 </div>
diff --git a/app/views/spree/users/_social.html.erb b/app/views/spree/users/_social.html.erb
@@ -8,7 +8,7 @@
         <% for user_authentication in spree_current_user.user_authentications %>
           <div class="authentication">
             <div class="provider columns two">
-              <%= image_tag "store/#{user_authentication.provider}_32.png", :size => "32x32", :class => "columns" %>
+              <%= content_tag(:i, '', class: "icon-spree-#{user_authentication.provider.to_url}-circled columns") %>
               <%= user_authentication.provider %>
             </div>
             <div class="uid columns two"><%= user_authentication.uid %></div>

diff --git a/lib/generators/spree_social/install/install_generator.rb b/lib/generators/spree_social/install/install_generator.rb
@@ -3,6 +3,10 @@ module Generators
     class InstallGenerator < Rails::Generators::Base
       class_option :auto_run_migrations, :type => :boolean, :default => false
 
+      def add_stylesheets
+        inject_into_file 'vendor/assets/stylesheets/spree/frontend/all.css', " *= require spree/frontend/spree_social\n", before: /\*\//, verbose: true
+      end
+
       def add_migrations
         run 'bundle exec rake railties:install:migrations FROM=spree_social'
       end