diff --git a/src/common/playideas/playIdeas.css b/src/common/playideas/playIdeas.css index eaa203ff33..b5a8a80943 100644 --- a/src/common/playideas/playIdeas.css +++ b/src/common/playideas/playIdeas.css @@ -155,7 +155,7 @@ } .list-playideas .list-playideas-item .idea-desc { - flex-grow: 1; + flex-grow: 1; flex-shrink: 0; margin: 0.8rem 0; font-size: var(--fs-sm); @@ -164,7 +164,7 @@ } .list-playideas .list-playideas-item .idea-level { - flex-grow: 0; + flex-grow: 0; flex-shrink: 0; margin: 1rem 0 0 0; } @@ -224,4 +224,4 @@ .list-playideas .list-playideas-item .idea-actions { padding: 0 2rem; } -} \ No newline at end of file +} diff --git a/src/plays/react-transitions/Readme.md b/src/plays/react-transitions/Readme.md index c19fcbb94c..11047cb5c5 100644 --- a/src/plays/react-transitions/Readme.md +++ b/src/plays/react-transitions/Readme.md @@ -3,7 +3,7 @@ A Play to explain the Transitions in React using the useTransition Hook in React 18. By default, all the sttate updates are Urgent and High-Priority in React. This -may cause issues when your application state is dealing with a huge list of +may cause issues when your application state is dealing with a huge list of data. Some state updates can be marked as non-urgent and that's where the Transition comes in. ## Play Demographic @@ -18,6 +18,7 @@ data. Some state updates can be marked as non-urgent and that's where the Transi - Video: https://www.youtube.com/watch?v=UspVJPxYnQM ## Implementation Details + In this play, I've shown two modes of the same application. The first mode is the regular one without any transition and the second mode