The country flags are all managed using the super flag-icons-rails gem.

The Quebec flag is a simple css declaration!
This commit is contained in:
echarp 2017-05-27 13:28:03 +02:00
parent 893f2de4a7
commit cb5df5c248
10 changed files with 15 additions and 4 deletions

View File

@ -52,6 +52,7 @@ gem 'activeadmin', github: 'activeadmin'
# Markdown display # Markdown display
gem 'redcarpet' gem 'redcarpet'
gem 'flag-icons-rails'
gem 'geocoder' gem 'geocoder'
# Tiny MCE integration # Tiny MCE integration

View File

@ -124,6 +124,8 @@ GEM
faraday (0.11.0) faraday (0.11.0)
multipart-post (>= 1.2, < 3) multipart-post (>= 1.2, < 3)
ffi (1.9.18) ffi (1.9.18)
flag-icons-rails (1.1.2)
sass (~> 3.2)
font-awesome-sass (4.7.0) font-awesome-sass (4.7.0)
sass (>= 3.2) sass (>= 3.2)
formatador (0.2.5) formatador (0.2.5)
@ -439,6 +441,7 @@ DEPENDENCIES
devise-i18n devise-i18n
differ differ
email_validator email_validator
flag-icons-rails
font-awesome-sass font-awesome-sass
geocoder geocoder
guard-brakeman guard-brakeman

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 660 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 299 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 276 B

View File

@ -12,6 +12,7 @@
* *
*= require jquery-ui *= require jquery-ui
*= require jquery.tagsinput *= require jquery.tagsinput
*= require flag-icon
*= require frTypo *= require frTypo
*= require_tree . *= require_tree .
*/ */

View File

@ -15,18 +15,19 @@ form#orga_search
em.fa em.fa
color: #258 color: #258
input input
width: 14em
border: solid thin #258 border: solid thin #258
padding: 0
margin-left: -1.5em margin-left: -1.5em
margin-right: -1.6em margin-right: -1.3em
padding-left: 1.5em padding-left: 1.5em
padding-right: 1.2em padding-right: 1.2em
background-color: transparent
width: 14em
button.search button.search
color: #258 color: #258
border: none border: none
padding: 0 padding: 0
font-size: large
box-shadow: none box-shadow: none
margin-top: -0.1em margin-top: -0.1em
margin-left: 0 margin-left: 0

View File

@ -1,5 +1,6 @@
.region_selector .region_selector
float: right float: right
font-size: smaller
& > ul > li & > ul > li
float: left float: left
ul ul
@ -26,6 +27,10 @@
&:hover ul &:hover ul
box-shadow: 0 4px 4px gray box-shadow: 0 4px 4px gray
// Override for the missing quebec flag!
.flag-icon-ca-qc
background-image: url(regions/CA-QC.png)
body.stats h3 body.stats h3
text-align: center text-align: center

View File

@ -5,7 +5,7 @@
%li{ class: selected ? 'selected' : '' } %li{ class: selected ? 'selected' : '' }
- if region.url.present? - if region.url.present?
= link_to region.url do = link_to region.url do
= image_tag "regions/#{region.code}.png" if region.code.present? = flag_icon region.code.try :downcase
= region.name = region.name
- if regions.present? - if regions.present?
%em.fa.fa-chevron-down %em.fa.fa-chevron-down