From f13ccff14b9b47fe9a8d148162984ad1176b6e3f Mon Sep 17 00:00:00 2001
From: "TECNOSYLVA\\fgarcia" <fernando.garcia@xeridia.com>
Date: Wed, 22 Feb 2017 16:10:14 +0100
Subject: [PATCH] Fixed some css.

---
 docs/src/pages/components/Onboarding.vue  |  4 ++--
 src/components/mdOnboarding/mdBoards.scss |  4 ++++
 src/components/mdOnboarding/mdBoards.vue  | 12 ++++++++----
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/docs/src/pages/components/Onboarding.vue b/docs/src/pages/components/Onboarding.vue
index dc48729..c1a2640 100644
--- a/docs/src/pages/components/Onboarding.vue
+++ b/docs/src/pages/components/Onboarding.vue
@@ -57,7 +57,7 @@
       <div slot="example">
         <example-box card-title="Basic, automatic, infinite, uncontrolled">
           <div slot="demo">
-            <md-boards :md-auto="true" :md-infinite="true">
+            <md-boards :md-auto="true" :md-infinite="true" :md-duration="3000">
               <md-board id="slide1">
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>
               </md-board>
@@ -74,7 +74,7 @@
 
           <div slot="code">
             <code-block lang="xml">
-              &lt;md-boards :md-auto=&quot;true&quot; :md-infinite=&quot;true&quot;&gt;
+              &lt;md-boards :md-auto=&quot;true&quot; :md-infinite=&quot;true&quot; :md-duration=&quot;3000&quot;&gt;
                 &lt;md-board id=&quot;slide1&quot;&gt;
                   &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.&lt;/p&gt;
                 &lt;/md-board&gt;
diff --git a/src/components/mdOnboarding/mdBoards.scss b/src/components/mdOnboarding/mdBoards.scss
index 76cd6a7..f313bdb 100644
--- a/src/components/mdOnboarding/mdBoards.scss
+++ b/src/components/mdOnboarding/mdBoards.scss
@@ -5,6 +5,7 @@ $board-max-width: 24px;
 
 .md-boards {
   width: 100%;
+  height: 100%;
   display: flex;
   flex-flow: column;
   position: relative;
@@ -20,6 +21,9 @@ $board-max-width: 24px;
   }
 
   .md-boards-navigation {
+    position: absolute !important;
+    bottom: 0;
+    width: 100%;
     height: 48px;
     min-height: 48px;
     position: relative;
diff --git a/src/components/mdOnboarding/mdBoards.vue b/src/components/mdOnboarding/mdBoards.vue
index c1aa26b..811a0d5 100644
--- a/src/components/mdOnboarding/mdBoards.vue
+++ b/src/components/mdOnboarding/mdBoards.vue
@@ -7,7 +7,7 @@
       </div>
     </div>
 
-    <md-whiteframe md-tag="nav" class="md-boards-navigation" :md-elevation="mdElevation" :class="navigationClasses" ref="boardNavigation">
+    <nav class="md-boards-navigation" :class="navigationClasses" ref="boardNavigation">
 
       <span style="flex: 1" v-if="!mdControls"></span>
 
@@ -48,7 +48,7 @@
       <span style="flex: 1" v-if="!mdControls"></span>
 
       <span ref="indicator"></span>
-    </md-whiteframe>
+    </nav>
 
   </div>
 </template>
@@ -76,7 +76,7 @@
         type: Boolean,
         default: false
       },
-      mdTimeout: {
+      mdDuration: {
         type: Number,
         default: 5000
       },
@@ -282,7 +282,7 @@
       if (this.mdAuto) {
         this.autoTransition = window.setInterval(() => {
           this.moveNextBoard();
-        }, this.mdTimeout);
+        }, this.mdDuration);
       }
     },
     beforeDestroy() {
@@ -290,6 +290,10 @@
         this.parentObserver.disconnect();
       }
 
+      if (this.autoTransition) {
+        window.clearTimeout(this.autoTransition);
+      }
+
       window.removeEventListener('resize', this.calculateOnResize);
     }
   };