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:
parent
893f2de4a7
commit
cb5df5c248
1
Gemfile
1
Gemfile
|
@ -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
|
||||||
|
|
|
@ -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 |
|
@ -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 .
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue
Block a user