117 lines
2.9 KiB
JavaScript
117 lines
2.9 KiB
JavaScript
// Wrapping text
|
|
x =
|
|
<div>
|
|
Some text that would need to wrap on to a new line in order to display correctly and nicely
|
|
</div>
|
|
|
|
// Wrapping tags
|
|
x =
|
|
<div>
|
|
<first>f</first> <first>f</first> <first>f</first> <first>f</first> <first>f</first> <first>f</first>
|
|
</div>
|
|
|
|
// Wrapping tags
|
|
x =
|
|
<div>
|
|
<first>f</first><first>f</first><first>f</first><first>f</first><first>f</first><first>f</first>
|
|
</div>
|
|
|
|
// Wrapping tags
|
|
x =
|
|
<div>
|
|
<a /><b /><c />
|
|
<first>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</first> <first>f</first>
|
|
</div>
|
|
|
|
// Wrapping tags
|
|
x =
|
|
<div>
|
|
<sadashdkjahsdkjhaskjdhaksjdhkashdkashdkasjhdkajshdkashdkashd /> <first>f</first>
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
before<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at mollis lorem.</div>after
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
before{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}{stuff}{stuff}after{stuff}after
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
before {stuff} after {stuff} after {stuff} after {stuff} after {stuff} after {stuff} {stuff} {stuff} after {stuff} after
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
Please state your <b>name</b> and <b>occupation</b> for the board of <b>school</b> directors.
|
|
</div>
|
|
|
|
function DiffOverview(props) {
|
|
const { source, target, since } = props;
|
|
return (
|
|
<div>
|
|
<div className="alert alert-info">
|
|
<p>
|
|
This diff overview is computed against the current list of records in
|
|
this collection and the list it contained on <b>{humanDate(since)}</b>.
|
|
</p>
|
|
<p>
|
|
<b>Note:</b> <code>last_modified</code> and <code>schema</code> record metadata
|
|
are omitted for easier review.
|
|
</p>
|
|
</div>
|
|
<Diff source={source} target={target} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
x = <font size={-3}><i>Starting at minute {graphActivity.startTime}, running for {graphActivity.length} to minute {graphActivity.startTime + graphActivity.length}</i></font>
|
|
|
|
x =
|
|
<div>
|
|
First second third
|
|
<div attr="a very long string attribute that will overflow because it is very long">Something</div>
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
<div>
|
|
First
|
|
</div>
|
|
Second
|
|
<div>
|
|
Third
|
|
</div>
|
|
</div>
|
|
|
|
x =
|
|
<div>
|
|
First <div>
|
|
Second
|
|
</div> Third
|
|
</div>
|
|
|
|
leading_whitespace =
|
|
<div> First Second Third Fourth Fifth Sixth Seventh Eighth Ninth Tenth Eleventh Twelfth Thirteenth Fourteenth</div>
|
|
|
|
no_leading_whitespace =
|
|
<div>First Second Third Fourth Fifth Sixth Seventh Eighth Ninth Tenth Eleventh Twelfth Thirteenth Fourteenth</div>
|
|
|
|
facebook_translation_leave_text_around_tag =
|
|
<div>
|
|
<span>
|
|
First
|
|
</span>,
|
|
(<span>
|
|
Second
|
|
</span>)
|
|
</div>
|
|
|
|
this_really_should_split_across_lines =
|
|
<div>
|
|
before{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after
|
|
</div>
|