From 14a4da8a71bb62e5303329b13baaef9a11c77509 Mon Sep 17 00:00:00 2001 From: Dan Rice Date: Sun, 31 Jan 2016 12:51:14 -0500 Subject: [PATCH 1/6] Add Font Awesome icon support --- Gemfile | 1 + Gemfile.lock | 3 +++ app/assets/stylesheets/application.css.scss | 2 ++ app/assets/stylesheets/icons.scss | 2 ++ 4 files changed, 8 insertions(+) create mode 100644 app/assets/stylesheets/icons.scss diff --git a/Gemfile b/Gemfile index e445969d..19c858b4 100644 --- a/Gemfile +++ b/Gemfile @@ -45,6 +45,7 @@ gem 'bcrypt', '~> 3.1.7' # gem 'jbuilder', '~> 1.2' gem "bootstrap-sass", "3.3.3" +gem "font-awesome-sass", "~> 4.5.0" group :development do gem "spring" diff --git a/Gemfile.lock b/Gemfile.lock index bc840560..05283aaa 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -98,6 +98,8 @@ GEM factory_girl (~> 4.5.0) railties (>= 3.0.0) ffi (1.9.6) + font-awesome-sass (4.5.0) + sass (>= 3.2) gherkin (2.12.2) multi_json (~> 1.3) hike (1.2.3) @@ -251,6 +253,7 @@ DEPENDENCIES cucumber-rails database_cleaner factory_girl_rails + font-awesome-sass (~> 4.5.0) htmlentities jquery-rails jquery-ui-rails diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index a8233655..222ff520 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -18,6 +18,8 @@ @import "jquery-ui/dialog"; @import "jquery-ui/sortable"; +@import "icons"; + .legacy-ui { @import "../../../vendor/assets/stylesheets/superfish-navbar"; @import "../../../vendor/assets/stylesheets/superfish-vertical"; diff --git a/app/assets/stylesheets/icons.scss b/app/assets/stylesheets/icons.scss new file mode 100644 index 00000000..001bc336 --- /dev/null +++ b/app/assets/stylesheets/icons.scss @@ -0,0 +1,2 @@ +@import "font-awesome-sprockets"; +@import "font-awesome"; From 836d790f9f50383a861b0127761df7cbe406f4b0 Mon Sep 17 00:00:00 2001 From: Dan Rice Date: Sun, 14 Feb 2016 21:16:42 -0500 Subject: [PATCH 2/6] Replace search icon with glyph --- app/assets/images/system-search.png | Bin 935 -> 0 bytes app/assets/stylesheets/tracks.css.scss | 4 ++++ app/views/shared/_navbar.html.erb | 7 ++++++- 3 files changed, 10 insertions(+), 1 deletion(-) delete mode 100644 app/assets/images/system-search.png diff --git a/app/assets/images/system-search.png b/app/assets/images/system-search.png deleted file mode 100644 index fd7f0b07a558cb6d59af96bebb672bf1abe96c88..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 935 zcmV;Y16cftP)&ujZZ2vcpl1 zMZ@GK2apA{PG?ddXEM`!?RHyZ=kcza{{|ocz_G78)~3_xTfzOGVc*@!;z&{~D4M34 z#HCy|oAJK^O5@u;x%xm;z_nWd04$M+pY+%HrNI}599Zr)1O{&1Fr9gQ zRx^nN(=^?Ylb_Xc3crTMTm|}8W6tGCdm-gHU zoivEbfP*V-h@Y#f29hN4c>od3S|m}D80SwWrl%O%n5zs-y=aEVV!4n`6c;!WFs{rR zhNug$8$G1gD4`4AaS<H7=eg9>uBL$90I_nW$UopHtf^aCQMJwQhI406Q(#?y zO-@ZpM5e?TYiVd$*M}u5U8hd09vd6~!{hc8oX&FDU*~sLS6AD5dV3x{dHP7z^Tsz$ zm;I-vElqH5_&#iSZzKKk>qUmIhNJ7$iG2Xj914Xt0)Xc8`7QxKZ+qL(^TA-S6B++< zPs?7gTFc=3v)=)}CSYu?u#}a#&H(^gTU%RH&GN(C?nC&$dI>wJW|L@7q6Gi|002ov JPDHLkV1n1##MS@+ diff --git a/app/assets/stylesheets/tracks.css.scss b/app/assets/stylesheets/tracks.css.scss index 71dbcaa6..26730968 100644 --- a/app/assets/stylesheets/tracks.css.scss +++ b/app/assets/stylesheets/tracks.css.scss @@ -9,6 +9,10 @@ height:26px; border-radius: 2px; } + + .fa { + line-height: inherit; + } } .footer { diff --git a/app/views/shared/_navbar.html.erb b/app/views/shared/_navbar.html.erb index 4f814a9d..1958dfc3 100644 --- a/app/views/shared/_navbar.html.erb +++ b/app/views/shared/_navbar.html.erb @@ -68,7 +68,12 @@
  • <%= link_to t('layouts.navigation.api_docs'), rest_api_docs_path %>
  • -
  • <%= navigation_link(image_tag("system-search.png", :size => "16X16", :border => 0), search_path, :title => t('layouts.navigation.search')) %>
  • +
  • + <%= link_to search_path, title: t('layouts.navigation.search') do %> + <%= icon('search', class: 'hidden-xs') %> + <%= content_tag :span, t('layouts.navigation.search'), class: 'visible-xs-inline' %> + <% end %> +