Skip to content

Commit

Permalink
Fix: can't specify number for columnWidth and gutter.
Browse files Browse the repository at this point in the history
  • Loading branch information
nicroto committed Aug 11, 2018
1 parent c5a1ab6 commit c37dab7
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 12 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
.vscode/
.DS_Store
node_modules/
npm-debug.log
npm-debug.log
package-lock.json
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,15 +61,15 @@ Properties that are currently available reproduce most of those on the [original
- ```item-selector=".item"``` - list element DOM item selector;
- ```transition-duration="0.3s``` - duration of transitions;
- ```column-width="#test"``` - element selector for column width;
- ```origin-left="false"``` - set to group elements to the right instead of left by default
- ```origin-top="false"``` - set to group elements to the bottom instead of top by default
- ```stamp=".stamp"``` - specifies which elements are stamped within the layout
- ```gutter=".gutter-block-selector"``` - specifies [horizontal space between item elements]
(https://masonry.desandro.com/options.html#gutter). Set gutter to an Element or Selector String to use the outer width of the element.
- ```fit-width="true"``` - sets the width of the container to fit the available number of columns
- ```horizontal-order="true"``` - lays out items to (mostly) maintain horizontal left-to-right order
- ```stagger="0.03s"``` - Staggers item transitions, so items transition incrementally after one another. Set as a CSS time format, '0.03s', or as a number in milliseconds, 30
- ```column-width="#test"``` - element selector for column width. Can be a selector string or a number;
- ```origin-left="false"``` - set to group elements to the right instead of left by default;
- ```origin-top="false"``` - set to group elements to the bottom instead of top by default;
- ```stamp=".stamp"``` - specifies which elements are stamped within the layout;
- ```gutter=".gutter-block-selector"``` - specifies [horizontal space between item elements]. Can be a selector string or a number.
(https://masonry.desandro.com/options.html#gutter). Set gutter to an Element or Selector String to use the outer width of the element;
- ```fit-width="true"``` - sets the width of the container to fit the available number of columns;
- ```horizontal-order="true"``` - lays out items to (mostly) maintain horizontal left-to-right order;
- ```stagger="0.03s"``` - Staggers item transitions, so items transition incrementally after one another. Set as a CSS time format, '0.03s', or as a number in milliseconds, 30.
💡💡💡 If you need to manually trigger masonry layout redraw (for example in case if your tile elements amount or content has changed) you can now use `this.$redrawVueMasonry()` method. (If you use **old version** `< 0.10.11` it can still be `Vue.redrawVueMasonry()`, but please consider to upgrade)
Expand Down
Loading

0 comments on commit c37dab7

Please sign in to comment.