Add sortedItems prop, fix Chrome bug (#351)
parent
19875b85b8
commit
9f79d9f441
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,42 +1,100 @@
|
||||
<h2>Changelog<a href="#changelog"></a></h2>
|
||||
<p>For a more detailed changelog, visit <a href="https://github.com/Vestride/Shuffle/releases">the latest releases</a> on GitHub.</p>
|
||||
<p>
|
||||
For a more detailed changelog, visit <a href="https://github.com/Vestride/Shuffle/releases">the latest releases</a> on
|
||||
GitHub.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<code>v5.4.0</code> 2021-05-29 - Add <code>sortedItems</code> property. Fix <code>getComputedStyle</code> bug for
|
||||
Chrome on Windows.
|
||||
</li>
|
||||
<li><code>v5.3.0</code> 2021-03-23 - Add <code>isRTL</code> option.</li>
|
||||
<li><code>v5.2.3</code> 2019-08-29 - Add missing inherited methods from <code>TinyEmitter</code> to TypeScript definitions.</li>
|
||||
<li>
|
||||
<code>v5.2.3</code> 2019-08-29 - Add missing inherited methods from <code>TinyEmitter</code> to TypeScript
|
||||
definitions.
|
||||
</li>
|
||||
<li><code>v5.2.2</code> 2019-06-03 - Update TypeScript definitions.</li>
|
||||
<li><code>v5.2.1</code> 2018-12-01 - Change `index.d.ts` to use `export default Shuffle` (<a href="https://github.com/Vestride/Shuffle/issues/214#issuecomment-441409237">#214</a>). Upgrade dev dependencies.</li>
|
||||
<li><code>v5.2.0</code> 2018-08-19 - Lazily test whether the browser's <code>getComputedStyle</code> includes padding. This allows the bundled file to be imported in node for server side rendering.</li>
|
||||
<li><code>v5.1.2</code> 2018-03-26 - Fix misspelled <code>delimiter</code> option. Both "delimiter" and "delimeter" will continue to work for v5.</li>
|
||||
<li>
|
||||
<code>v5.2.1</code> 2018-12-01 - Change `index.d.ts` to use `export default Shuffle` (<a
|
||||
href="https://github.com/Vestride/Shuffle/issues/214#issuecomment-441409237"
|
||||
>#214</a
|
||||
>). Upgrade dev dependencies.
|
||||
</li>
|
||||
<li>
|
||||
<code>v5.2.0</code> 2018-08-19 - Lazily test whether the browser's <code>getComputedStyle</code> includes padding.
|
||||
This allows the bundled file to be imported in node for server side rendering.
|
||||
</li>
|
||||
<li>
|
||||
<code>v5.1.2</code> 2018-03-26 - Fix misspelled <code>delimiter</code> option. Both "delimiter" and "delimeter" will
|
||||
continue to work for v5.
|
||||
</li>
|
||||
<li><code>v5.1.1</code> 2018-03-02 - Fix new item animation when there is an active filter.</li>
|
||||
<li><code>v5.1.0</code> 2018-02-20 - Add <code>compare</code> option to sorter. Add <code>es</code> build to package and <code>"module"</code> field to <code>package.json</code>.</li>
|
||||
<li>
|
||||
<code>v5.1.0</code> 2018-02-20 - Add <code>compare</code> option to sorter. Add <code>es</code> build to package and
|
||||
<code>"module"</code> field to <code>package.json</code>.
|
||||
</li>
|
||||
<li><code>v5.0.3</code> 2017-10-30 - Fix rounding error.</li>
|
||||
<li><code>v5.0.2</code> 2017-09-23 - Update type definitions. Upgrade dev dependencies.</li>
|
||||
<li><code>v5.0.1</code> 2017-07-18 - Add <code>roundTransforms</code> option.</li>
|
||||
<li><code>v5.0.0</code> 2017-07-18 - Change global export from <code>shuffle</code> to <code>Shuffle</code>. Remove bower support. Expect ES6 environment. Make Shuffle instances Event Emitters instead of dispatching <code>CustomEvent</code>.</li>
|
||||
<li><code>v4.2.0</code> 2017-05-10 - Replace <code>webpack</code> build with <code>rollup</code>. Replace <code>jshint</code> and <code>jscs</code> with <code>eslint</code>. Add <code>filterMode</code> option.</li>
|
||||
<li><code>v4.1.1</code> 2017-03-21 - the <code>before</code> styles for a <code>ShuffleItem</code> were not applied if the item didn’t move.</li>
|
||||
<li>
|
||||
<code>v5.0.0</code> 2017-07-18 - Change global export from <code>shuffle</code> to <code>Shuffle</code>. Remove
|
||||
bower support. Expect ES6 environment. Make Shuffle instances Event Emitters instead of dispatching
|
||||
<code>CustomEvent</code>.
|
||||
</li>
|
||||
<li>
|
||||
<code>v4.2.0</code> 2017-05-10 - Replace <code>webpack</code> build with <code>rollup</code>. Replace
|
||||
<code>jshint</code> and <code>jscs</code> with <code>eslint</code>. Add <code>filterMode</code> option.
|
||||
</li>
|
||||
<li>
|
||||
<code>v4.1.1</code> 2017-03-21 - the <code>before</code> styles for a <code>ShuffleItem</code> were not applied if
|
||||
the item didn’t move.
|
||||
</li>
|
||||
<li><code>v4.1.0</code> 2017-01-30 - Use webpack-2 to bundle Shuffle.</li>
|
||||
<li><code>v4.0.2</code> 2016-09-15 - Update <code>custom-event-polyfill</code> dependency.</li>
|
||||
<li><code>v4.0.1</code> 2016-07-30 - Fix <code>delimiter</code> option.</li>
|
||||
<li><code>v4.0.0</code> 2016-04-20 - Rewrite in ES6 with babel. Remove jQuery and Modernizr dependencies. Remove support for IE<11. Docs improvements. Switch to gulp build system with webpack.</li>
|
||||
<li><code>v3.1.0</code> 2015-03-23 - Allow zero speed option (<a href="https://github.com/Vestride/Shuffle/issues/64">#64</a>) and cancel previous animations instead of ignoring new ones (<a href="https://github.com/Vestride/Shuffle/issues/69">#69</a>). Handle non-integer columns better (<a href="https://github.com/Vestride/Shuffle/issues/46">#46</a>)</li>
|
||||
<li>
|
||||
<code>v4.0.0</code> 2016-04-20 - Rewrite in ES6 with babel. Remove jQuery and Modernizr dependencies. Remove support
|
||||
for IE<11. Docs improvements. Switch to gulp build system with webpack.
|
||||
</li>
|
||||
<li>
|
||||
<code>v3.1.0</code> 2015-03-23 - Allow zero speed option (<a href="https://github.com/Vestride/Shuffle/issues/64"
|
||||
>#64</a
|
||||
>) and cancel previous animations instead of ignoring new ones (<a
|
||||
href="https://github.com/Vestride/Shuffle/issues/69"
|
||||
>#69</a
|
||||
>). Handle non-integer columns better (<a href="https://github.com/Vestride/Shuffle/issues/46">#46</a>)
|
||||
</li>
|
||||
<li><code>v3.0.4</code> 2015-02-16 - Publish to NPM.</li>
|
||||
<li><code>v3.0.2</code> 2015-01-21 - Remove from jQuery plugins directory.</li>
|
||||
<li><code>v3.0.1</code> 2014-12-29 - Add CommonJS support.</li>
|
||||
<li><code>v3.0.0</code> 2014-10-06 - Refactored with improvements, added unit tests, more documentation. Removed some triggered events.</li>
|
||||
<li><code>v2.1.2</code> 2014-06-01 - Use <code>window.jQuery</code> instead of <code>window.$</code> to work better with noConflict. Fixed <a href="https://github.com/Vestride/Shuffle/issues/25">#25</a>.</li>
|
||||
<li>
|
||||
<code>v3.0.0</code> 2014-10-06 - Refactored with improvements, added unit tests, more documentation. Removed some
|
||||
triggered events.
|
||||
</li>
|
||||
<li>
|
||||
<code>v2.1.2</code> 2014-06-01 - Use <code>window.jQuery</code> instead of <code>window.$</code> to work better with
|
||||
noConflict. Fixed <a href="https://github.com/Vestride/Shuffle/issues/25">#25</a>.
|
||||
</li>
|
||||
<li><code>v2.1.1</code> 2014-04-16 - Fix items with zero opacity overlapping visible ones in IE<10.</li>
|
||||
<li><code>v2.1.0</code> 2014-04-12 - Register with bower as <code>shufflejs</code>.</li>
|
||||
<li>2014-04-10 - Add AMD support.</li>
|
||||
<li>2014-04-08 - Separate Modernizr into its own file and custom Shuffle build.</li>
|
||||
<li>2014-03-08 - Add Bootstrap 3 demo. Fixed issue with percentage width items.</li>
|
||||
<li>2013-10-04 - Moved some Shuffle instance properties to constants. Converted from 4 to 2 space indentation. Added events enum and pulled out some strings to constants.</li>
|
||||
<li>
|
||||
2013-10-04 - Moved some Shuffle instance properties to constants. Converted from 4 to 2 space indentation. Added
|
||||
events enum and pulled out some strings to constants.
|
||||
</li>
|
||||
<li>2013-08-30 - Added animate-in demo.</li>
|
||||
<li><code>v2.0.0</code> 2013-07-05 - Shuffle 2.0 with masonry, adding and removing, and more.</li>
|
||||
<li>2012-11-03 - Replaced layout system with <a href="http://masonry.desandro.com/">masonry</a>. Items can now be different sizes! Added addtional examples.</li>
|
||||
<li>
|
||||
2012-11-03 - Replaced layout system with <a href="http://masonry.desandro.com/">masonry</a>. Items can now be
|
||||
different sizes! Added addtional examples.
|
||||
</li>
|
||||
<li>2012-10-24 - Better handling of grid item dimensions. Added a minimal markup page.</li>
|
||||
<li>2012-09-20 - Added <code>destroy</code> method</li>
|
||||
<li>2012-09-18 - Added sorting ability and made plugin responsive. Updated to Modernizr 2.6.2</li>
|
||||
<li>2012-07-21 - Rewrote plugin in more object oriented structure. Added custom events. Updated to Modernizr 2.6.1</li>
|
||||
<li>
|
||||
2012-07-21 - Rewrote plugin in more object oriented structure. Added custom events. Updated to Modernizr 2.6.1
|
||||
</li>
|
||||
<li>2012-07-03 - Removed dependency on the css file and now apply the css with javascript</li>
|
||||
</ul>
|
||||
|
@ -1 +1 @@
|
||||
.picture-item{height:220px;margin-top:24px;margin-left:0}.picture-item img{display:block;width:100%}@supports ((-o-object-fit: cover) or (object-fit: cover)){.picture-item img{max-width:none;height:100%;-o-object-fit:cover;object-fit:cover}}.picture-item--h2{height:464px}.picture-item__inner{position:relative;height:100%;overflow:hidden;background:#ecf0f1}img.picture-item__blur{display:none}.picture-item__details{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:1em}.picture-item__description{width:100%;padding:0 2em 1em 1em;margin:0}.picture-item__title{flex-shrink:0;margin-right:4px}.picture-item__tags{flex-shrink:1;text-align:right;margin:0}@media screen and (min-width:768px){.picture-item--overlay .picture-item__details{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.6);color:#fff;overflow:hidden}.picture-item--overlay .picture-item__description{display:none}@supports (filter:blur(1px)) and ((-webkit-clip-path: inset(0 0 0 0)) or (clip-path: inset(0 0 0 0))){.picture-item--overlay .picture-item__blur{position:absolute;z-index:1;top:0;left:0;display:block;filter:blur(7px);-webkit-clip-path:inset(170px 0 0 0);clip-path:inset(170px 0 0 0)}.picture-item--overlay .picture-item__details{background:none}.picture-item--overlay .picture-item__tags,.picture-item--overlay .picture-item__title{position:relative;z-index:2}}}.my-shuffle-container{position:relative;overflow:hidden}.my-sizer-element{position:absolute;opacity:0;visibility:hidden}.shuffle--animatein{overflow:visible}.shuffle--animatein .picture-item__inner{opacity:0;transform:translateY(220px)}.shuffle--animatein .picture-item__inner--transition{transition:all .6s ease}.shuffle--animatein .picture-item.in .picture-item__inner{opacity:1;transform:translate(0)}@media screen and (max-width:767px){.picture-item{height:auto;margin-top:20px}.picture-item__description,.picture-item__details{font-size:.875em;padding:.625em}.picture-item__description{padding-right:.875em;padding-bottom:1.25em}.picture-item--h2{height:auto}}
|
||||
.picture-item{height:220px;margin-left:0;margin-top:24px}.picture-item img{display:block;width:100%}@supports ((-o-object-fit:cover) or (object-fit:cover)){.picture-item img{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}}.picture-item--h2{height:464px}.picture-item__inner{background:#ecf0f1;height:100%;overflow:hidden;position:relative}img.picture-item__blur{display:none}.picture-item__details{align-items:baseline;display:flex;justify-content:space-between;padding:1em;width:100%}.picture-item__description{margin:0;padding:0 2em 1em 1em;width:100%}.picture-item__title{flex-shrink:0;margin-right:4px}.picture-item__tags{flex-shrink:1;margin:0;text-align:right}@media screen and (min-width:768px){.picture-item--overlay .picture-item__details{background-color:rgba(0,0,0,.6);bottom:0;color:#fff;left:0;overflow:hidden;position:absolute;width:100%}.picture-item--overlay .picture-item__description{display:none}@supports (filter:blur(1px)) and ((-webkit-clip-path:inset(0 0 0 0)) or (clip-path:inset(0 0 0 0))){.picture-item--overlay .picture-item__blur{-webkit-clip-path:inset(170px 0 0 0);clip-path:inset(170px 0 0 0);display:block;filter:blur(7px);left:0;position:absolute;top:0;z-index:1}.picture-item--overlay .picture-item__details{background:none}.picture-item--overlay .picture-item__tags,.picture-item--overlay .picture-item__title{position:relative;z-index:2}}}.my-shuffle-container{overflow:hidden;position:relative}.my-sizer-element{opacity:0;position:absolute;visibility:hidden}.shuffle--animatein{overflow:visible}.shuffle--animatein .picture-item__inner{opacity:0;transform:translateY(220px)}.shuffle--animatein .picture-item__inner--transition{transition:all .6s ease}.shuffle--animatein .picture-item.in .picture-item__inner{opacity:1;transform:translate(0)}@media screen and (max-width:767px){.picture-item{height:auto;margin-top:20px}.picture-item__description,.picture-item__details{font-size:.875em;padding:.625em}.picture-item__description{padding-bottom:1.25em;padding-right:.875em}.picture-item--h2{height:auto}}
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue