mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-16 22:10:27 +00:00
* fix grammar and spelling on themes page docs (#602) * fix table arrow sort (#347) * fix badges alignment * Made language more gender neutral
This commit is contained in:
parent
f80f1b5aa6
commit
295f74f91d
16 changed files with 45 additions and 37 deletions
16
README.md
16
README.md
|
|
@ -7,13 +7,21 @@
|
|||
<p align="center">Material Design for Vue.js</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads"></a>
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads">
|
||||
</a>
|
||||
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version"></a>
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version">
|
||||
</a>
|
||||
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/l/vue-material.svg" alt="License"></a>
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/l/vue-material.svg" alt="License">
|
||||
</a>
|
||||
|
||||
<a href="https://gitter.im/vuematerial"><img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat"></a> <br>
|
||||
<a href="https://gitter.im/vuematerial">
|
||||
<img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
Vue Material is lightweight framework built exactly according to the <a href="http://material.google.com" target="_blank">Material Design</a> specs.
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the item and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the item and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
@ -79,32 +79,32 @@
|
|||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-left</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top left of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top left of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-center</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top center of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top center of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-right</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top right of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top right of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-bottom-left</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom left of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom left of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-bottom-center</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom center of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom center of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-bottom-right</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom right of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom right of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the checkbox and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the checkbox and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>change</md-table-cell>
|
||||
<md-table-cell>Receive the state of the checkbox</md-table-cell>
|
||||
<md-table-cell>Triggered when the checkbox changes his value.</md-table-cell>
|
||||
<md-table-cell>Triggered when the checkbox changes its value.</md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the chip and prevent his actions. Default: <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the chip and prevent its actions. Default: <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the chips and prevent his actions. Default: <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the chips and prevent its actions. Default: <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the textarea and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the textarea and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the item and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the item and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-row>
|
||||
|
||||
|
|
|
|||
|
|
@ -125,7 +125,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the radio and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the radio and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>change</md-table-cell>
|
||||
<md-table-cell>Receive the state of the radio</md-table-cell>
|
||||
<md-table-cell>Triggered when the radio changes his value.</md-table-cell>
|
||||
<md-table-cell>Triggered when the radio changes its value.</md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the input and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
@ -115,7 +115,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the button and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -20,22 +20,22 @@
|
|||
<md-table-body>
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-left</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top left of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top left of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-center</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top center of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top center of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-top-right</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top right of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the top right of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
<md-table-cell>md-fab-bottom-left</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom left of his parent</md-table-cell>
|
||||
<md-table-cell>Position the md-fab absolutely on the bottom left of its parent</md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the switch and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the switch and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>change</md-table-cell>
|
||||
<md-table-cell>Receive the state of the switch</md-table-cell>
|
||||
<md-table-cell>Triggered when the switch changes his value.</md-table-cell>
|
||||
<md-table-cell>Triggered when the switch changes its value.</md-table-cell>
|
||||
</md-table-row>
|
||||
</md-table-body>
|
||||
</md-table>
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@
|
|||
<md-table-row>
|
||||
<md-table-cell>md-disabled</md-table-cell>
|
||||
<md-table-cell><code>Boolean</code></md-table-cell>
|
||||
<md-table-cell>Disable the tab and prevent his actions. Default <code>false</code></md-table-cell>
|
||||
<md-table-cell>Disable the tab and prevent its actions. Default <code>false</code></md-table-cell>
|
||||
</md-table-row>
|
||||
|
||||
<md-table-row>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
<page-content page-title="Themes - Dynamic Themes">
|
||||
<docs-component>
|
||||
<div slot="description">
|
||||
<p>Vue Material have a complete theme suite. You can create several themes and apply them on-demand. Like on this documentation website you can set a different theme per-page using the API. But you can have a advanced way to change themes using dynamic themes.</p>
|
||||
<p>You can apply a theme only in a single area of your application using the <code><md-theme></code>. If the theme component have only one child element then the theme definition will be attached to this particular element. In other case the component will wrap all of it's children in a <code><div></code> tag (or you can customize the output tag).</p>
|
||||
<p>Also every single component in Vue Material suite have a <code>md-theme</code> attribute to set his theme.</p>
|
||||
<p>All the components will inherit all theme properties from it's parents. If the direct parent doesn't have a theme definition the theme will be resolved by its closest parent or the current theme of the entire application.</p>
|
||||
<p>Vue Material have a complete theme suite. You can create several themes and apply them on-demand. Like on this documentation website you can set a different theme per-page using the API. But you can have an advanced way to change themes using dynamic themes.</p>
|
||||
<p>You can apply a theme only in a single area of your application using the <code><md-theme></code>. If the theme component has only one child element then the theme definition will be attached to this particular element. In other cases the component will wrap all of its children in a <code><div></code> tag (or you can customize the output tag).</p>
|
||||
<p>Also every single component in Vue Material suite has a <code>md-theme</code> attribute to set its theme.</p>
|
||||
<p>All the components will inherit all theme properties from its parents. If the direct parent doesn't have a theme definition the theme will be resolved by its closest parent or the current theme of the entire application.</p>
|
||||
</div>
|
||||
|
||||
<div slot="api">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<th class="md-table-head" :class="classes" @click="changeSort">
|
||||
<div class="md-table-head-container">
|
||||
<div class="md-table-head-text md-test">
|
||||
<md-icon class="md-sortable-icon" v-if="mdSortBy">arrow_downward</md-icon>
|
||||
<md-icon class="md-sortable-icon" v-if="mdSortBy">arrow_upward</md-icon>
|
||||
|
||||
<slot></slot>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue