Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Latest docs changes

Browse Source 
* fb1a072 - fix doc & example transition opacity from .99 to 1
* c1c7a60 - Added clearfix to blog content holder
* adad0d7 - Fixes the name of the component on documentation
* e7f48a6 - Prevents header anchors from interfering with clickable content.
This commit is contained in:
Paul O’Shannessy
2013-11-13 17:56:22 -08:00
parent 499a3324b1
commit 7ec2988c71
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/react.css
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/addons.html
+2 -2
View File
@@ -285,12 +285,12 @@
<span class="p">}</span>
<span class="nc">.example-enter.example-enter-active</span> <span class="p">{</span>
<span class="k">opacity</span><span class="o">:</span> <span class="m">0</span><span class="o">.</span><span class="m">99</span><span class="p">;</span>
<span class="k">opacity</span><span class="o">:</span> <span class="m">1</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div>
<p>You&#39;ll notice that when you try to remove an item <code>ReactTransitionGroup</code> keeps it in the DOM. If you&#39;re using an unminified build of React you&#39;ll see a warning that React was expecting an animation or transition to occur. That&#39;s because <code>ReactTransitionGroup</code> keeps your DOM elements on the page until the animation completes. Try adding this CSS:</p>
<div class="highlight"><pre><code class="css language-css" data-lang="css"><span class="nc">.example-leave</span> <span class="p">{</span>
<span class="k">opacity</span><span class="o">:</span> <span class="m">0</span><span class="o">.</span><span class="m">99</span><span class="p">;</span>
<span class="k">opacity</span><span class="o">:</span> <span class="m">1</span><span class="p">;</span>
<span class="n">transition</span><span class="o">:</span> <span class="k">opacity</span> <span class="m">.5s</span> <span class="n">ease</span><span class="o">-</span><span class="n">in</span><span class="p">;</span>
<span class="p">}</span>
docs/component-api.html
+1 -1
View File
@@ -262,7 +262,7 @@
<span class="p">}</span>
<span class="p">});</span>
<span class="c1">// &lt;AvatarImage userId={17} width={200} height={200} /&gt;</span>
<span class="c1">// &lt;Avatar userId={17} width={200} height={200} /&gt;</span>
</code></pre></div>
<p>Properties that are specified directly on the target component instance (such as <code>src</code> and <code>userId</code> in the above example) will not be overwritten by <code>transferPropsTo</code>.</p>