Update header links style for i18n

Author: flexbox

Gemfile.lock

@@ -1,13 +1,13 @@
 GEM
   remote: http://rubygems.org/
   specs:
-    activesupport (4.2.5)
+    activesupport (4.2.6)
       i18n (~> 0.7)
       json (~> 1.7, >= 1.7.7)
       minitest (~> 5.1)
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
-    autoprefixer-rails (6.2.1)
+    autoprefixer-rails (6.2.3)
       execjs
       json
     capybara (2.4.4)
@@ -38,7 +38,7 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     erubis (2.7.0)
-    eventmachine (1.0.8)
+    eventmachine (1.2.0.1)
     execjs (2.6.0)
     favicon_maker (1.3.1)
       docile (~> 1.1)
@@ -52,10 +52,10 @@ GEM
     http_parser.rb (0.6.0)
     i18n (0.7.0)
     json (1.8.3)
-    kramdown (1.9.0)
-    listen (3.0.5)
+    kramdown (1.10.0)
+    listen (3.0.6)
       rb-fsevent (>= 0.9.3)
-      rb-inotify (>= 0.9)
+      rb-inotify (>= 0.9.7)
     middleman (3.4.1)
       coffee-script (~> 2.2)
       compass (>= 1.0.0, < 2.0.0)
@@ -89,7 +89,7 @@ GEM
     middleman-favicon-maker (3.7)
       favicon_maker (~> 1.3)
       middleman-core (>= 3.0.0)
-    middleman-livereload (3.4.5)
+    middleman-livereload (3.4.6)
       em-websocket (~> 0.5.1)
       middleman-core (>= 3.3)
       rack-livereload (~> 0.3.15)
@@ -109,14 +109,14 @@ GEM
       sprockets-sass (~> 1.3.0)
     mime-types (3.0)
       mime-types-data (~> 3.2015)
-    mime-types-data (3.2015.1120)
+    mime-types-data (3.2016.0221)
     mini_portile2 (2.0.0)
-    minitest (5.8.3)
+    minitest (5.8.4)
     multi_json (1.11.2)
     net-sftp (2.1.2)
       net-ssh (>= 2.6.5)
-    net-ssh (3.0.1)
-    nokogiri (1.6.7.1)
+    net-ssh (3.1.1)
+    nokogiri (1.6.7.2)
       mini_portile2 (~> 2.0.0.rc2)
     padrino-helpers (0.12.5)
       i18n (~> 0.6, >= 0.6.7)
@@ -130,10 +130,10 @@ GEM
       rack
     rack-test (0.6.3)
       rack (>= 1.0)
-    rb-fsevent (0.9.6)
-    rb-inotify (0.9.5)
+    rb-fsevent (0.9.7)
+    rb-inotify (0.9.7)
       ffi (>= 0.5.0)
-    sass (3.4.20)
+    sass (3.4.22)
     slim (3.0.6)
       temple (~> 0.7.3)
       tilt (>= 1.3.3, < 2.1)

source/assets/stylesheets/modules/_header.scss

@@ -1,3 +1,14 @@
+.m-header-langs {
+  text-align: right;
+  @include grid-row();
+
+  .lang {
+    padding: rem-calc(5 20);
+    text-transform: uppercase;
+    font-weight: $font-weight-bold;
+  }
+}
+
 .m-header {
   padding: rem-calc(20 0);
   margin-bottom: rem-calc(40);
@@ -19,23 +30,13 @@
     margin-bottom: 0;
   }
 
-  .langs {
-    text-align: right;
-  }
-
-  .lang {
-    margin: 0 rem-calc(5);
-    text-transform: uppercase;
-    font-weight: $font-weight-bold;
-  }
-
   .logo {
     height: rem-calc(80);
     padding-right: rem-calc(20);
   }
 
   .subscribe {
-    margin-top: rem-calc(5);
+    margin-top: rem-calc(20);
   }
 
   span {

source/layouts/layout.html.slim

@@ -13,6 +13,7 @@ html lang="#{I18n.locale}"
     main.row
       .medium-8.medium-centered.columns
         == yield
+        = partial 'views/global/slack'
     = partial 'views/global/footer'
 
     = javascript_include_tag 'application'

source/localizable/index.html.slim

@@ -31,9 +31,3 @@ div class="m-section"
     p = t('home.events.call_to_event')
     .text-center
       = link_to t('home.events.suggest_one'), data.settings.social.meetup, class: 'button large'
-
-div id="chat" class="m-section"
-  h2 = t('home.chat.title')
-  p = t('home.chat.description_html', mailto: mail_to(data.settings.social.email))
-  .text-center
-    = mail_to data.settings.social.email, t('home.chat.join'), subject: t('home.chat.invitation_request_mail'), class: 'button large'

source/views/global/_header.html.slim

@@ -1,18 +1,17 @@
+
+.m-header-langs
+  - langs.each do |lang|
+    - if active_lang?(lang)
+      span class="lang active"
+        = lang
+    - else
+      = link_to lang, lang_path(lang), class: 'lang'
 header.m-header
   .row
-    .medium-5.medium-push-1.small-6.columns
+    .medium-5.medium-push-1.columns
       h1
         = link_to '/' do
           = image_tag 'logos/ruby-nord-red.png', alt: t('header.logo.image_alt'), class: 'logo'
           = t("#{current_page.data.i18n_scope}.title")
-    .medium-5.small-6.columns
-      div class='langs'
-        - langs.each do |lang|
-          - if active_lang?(lang)
-            span class="lang active"
-              = lang
-          - else
-            a href="#{lang_path(lang)}"
-              span class="lang"
-                = lang
+    .medium-5.columns
       = link_to t('header.meetup.subscribe'), data.settings.social.meetup, class: 'subscribe button large right'

source/views/global/_slack.html.slim

@@ -0,0 +1,5 @@
+div id="chat" class="m-section"
+  h2 = t('home.chat.title')
+  p = t('home.chat.description_html', mailto: mail_to(data.settings.social.email))
+  .text-center
+    = mail_to data.settings.social.email, t('home.chat.join'), subject: t('home.chat.invitation_request_mail'), class: 'button large'