IE11 fixes (epicmaxco#155)

* IE11 fixes

* Fix dashboard link

* Remove border for inner tooltip container (looked weird in IE11)

* Minor

* Minor

package.json

@@ -61,6 +61,7 @@
     "connect-history-api-fallback": "1.3.0",
     "copy-webpack-plugin": "4.0.1",
     "css-loader": "0.28.0",
+    "es6-promise": "^4.2.4",
     "eslint": "3.19.0",
     "eslint-config-standard": "10.2.1",
     "eslint-friendly-formatter": "3.0.0",

src/components/layout/navbar/Navbar.vue

@@ -1,9 +1,9 @@
 <template>
   <nav class="navbar app-navbar navbar-toggleable-md">
     <div class="navbar-brand-container d-flex align-items-center justify-content-start">
-      <a class="navbar-brand" href="#/dashboard">
+      <router-link class="navbar-brand" to="/dashboard">
         <i class="i-vuestic"></i>
-      </a>
+      </router-link>
     </div>
 
     <div class="row navbar-container">

src/components/ui/tree-view/TreeViewEditablePreview.vue

@@ -56,7 +56,7 @@
     methods: {
       addProduct () {
         this.products.push({
-          id: this.products[this.products.length - 1].id,
+          id: Math.floor(Math.random() * 100000),
           name: 'New product'
         })
       },

src/main.js

@@ -1,3 +1,7 @@
+// Polyfills
+import 'es6-promise/auto'
+import 'babel-polyfill'
+
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
@@ -9,6 +13,8 @@ import { sync } from 'vuex-router-sync'
 import VuesticPlugin from 'vuestic-theme/vuestic-plugin'
 import './i18n'
 
+
+
 Vue.use(VuesticPlugin)
 
 // NOTE: workaround for VeeValidate + vuetable-2

src/sass/_override-custom-libs.scss

@@ -178,6 +178,7 @@
     box-shadow: $tooltip-box-shadow;
     line-height: $tooltip-line-height;
     font-weight: $tooltip-font-weight;
+    border-radius: 0;
   }
 
   .tooltip-arrow {

src/vuestic-theme/vuestic-components/vuestic-wizard/VuesticWizard.vue

@@ -215,6 +215,7 @@
       flex-direction: column;
       justify-content: center;
       padding: $wizard-body-step-v-padding  $wizard-body-vl-step-h-padding;
+      width: 100%; // IE11 only
     }
 
     .indicator-container {

yarn.lock

@@ -2051,6 +2051,10 @@ es6-map@^0.1.3:
     es6-symbol "~3.1.1"
     event-emitter "~0.3.5"
 
+es6-promise@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.4.tgz#dc4221c2b16518760bd8c39a52d8f356fc00ed29"
+
 es6-set@~0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"