import Ember from 'ember';

const { Component, computed } = Ember;
export default Component.extend({
  classNames : ['tabbed-navigation'],
  item       : null,

  currentRoute: computed('session.currentRouteName', 'item', function() {
    var path = this.get('session.currentRouteName');
    if (path) {
      return this.get('item');
    }
  }),
  didInsertElement() {
    var isMobile = this.get('device.isMobile');
    if (isMobile) {
      this.$('a').addClass('vertical-item');
    }
    this.set('item', this.$('a.active').text().trim());
  },
  didUpdate() {
    var isMobile = this.get('device.isMobile');
    if (isMobile) {
      this.$('a').addClass('vertical-item');
    }
  },
  actions: {
    toggleMenu(mode) {
      var menu = this.$('div.menu');
      menu.toggleClass('hidden');
      if (mode === 'reset') {
        this.$('a.item').addClass('vertical-item');
        this.set('item', event.srcElement.text);
      }
    }
  }
});

@@ -476,22 +476,83 @@
 item');%0A
+    %7D else %7B%0A      this.$('a').removeClass('vertical-item');%0A
     %7D%0A
-
     this
@@ -725,32 +725,93 @@
 ertical-item');%0A
+    %7D else %7B%0A      this.$('a').removeClass('vertical-item');%0A
     %7D%0A  %7D,%0A  act
@@ -908,24 +908,24 @@
 ('hidden');%0A
+
       if (mo
@@ -946,60 +946,8 @@
 ) %7B%0A
-        this.$('a.item').addClass('vertical-item');%0A
     

Remove css vertical-class when in desktop mode for tabbed-navigation component (#920)