LayoutTests/css3/flexbox/imported/flexbox-flex-direction-column-expected.htm - Issue 988523003: Reimplement min-width: auto

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/css3/flexbox/imported/flexbox-flex-direction-column-expected.htm

Issue 988523003: Reimplement min-width: auto (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: review comments Created 5 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 <title>CSS Reftest Reference: Flexbox direction and wrapping</ti tle>

	5 <link rel="author" title="Gavin Elster" href="mailto:gavin.elster@me .com">

	6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.i nkedblade.net/contact">

	7 <meta name="flags" content="">

	8 <style>

	9

	10 /* Ref test styles */

	11

	12 .flex-wrapper div{

	13 display: inline-block;

	14 }

	15

	16

	17 /* Test-series styles */

	18

	19 .flex-wrapper {

	20 width: 120px;

	21 height: 120px;

	22

	23 /* should only display on error */

	24 background: red;

	25

	26 /* Enforce writing mode */

	27 direction: ltr;

	28 writing-mode: horizontal-tb;

	29 }

	30

	31 .flex-wrapper div {

	32 width: 38px;

	33 height: 38px;

	34

	35 background: green;

	36 border: 1px solid limegreen;

	37

	38 color: white;

	39 line-height: 40px;

	40 text-align: center;

	41 vertical-align: middle;

	42 }

	43 </style>

	44 </head>

	45 <body>

	46 <p>The test passes if there is a 3x3 grid of green squares, numb ered 1-9 left-to-right and top-to-bottom, and there is no red.</p>

	47 <div class="flex-wrapper">

	48 <div>1</div><div>2</div><div>3</div><div>4</div><div>5</ div><div>6</div><div>7</div><div>8</div><div>9</div>

	49 </div>

	50 </body>

	51 </html>

OLD	NEW