Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-26 15:44:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed some css.

Browse source
This commit is contained in:
TECNOSYLVA\fgarcia 2017-02-22 16:10:14 +01:00
parent 2928200ba1
commit f13ccff14b
3 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/Onboarding.vue
View file

@ -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;

4
src/components/mdOnboarding/mdBoards.scss
View file

@ -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;

12
src/components/mdOnboarding/mdBoards.vue
View file

@ -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);
}
};