third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex-expected.html - Issue 2670273002: Move tests for DETAILS and SUMMARY elements to html/details_summary/.

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: third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex-expected.html

Issue 2670273002: Move tests for DETAILS and SUMMARY elements to html/details_summary/. (Closed)

Patch Set: Created 3 years, 10 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:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html ('k') | third_party/WebKit/LayoutTests/fast/html/summary-display-inline-grid.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <style>

3 .flex-container {

4 background: #333;

5 border: 0px;

6 display: inline-flex;

7 margin: 0px;

8 padding: 0px;

9 }

10

11 .flex-container.flex-direction-row {

12 flex-direction : row;

13 }

14

15 .flex-container.flex-direction-row-reverse {

16 flex-direction : row-reverse;

17 }

18

19 .flex-container.flex-direction-column {

20 flex-direction : column;

21 }

22

23 .flex-container.flex-direction-column-reverse {

24 flex-direction : column-reverse;

25 }

26

27 .flex-container.flex-direction-column-reverse {

28 flex-direction : column-reverse;

29 }

30

31 .flex-container.justify-content-center {

32 justify-content: center;

33 }

34

35 .flex-container.justify-content-space-around {

36 justify-content: space-around;

37 }

38

39 .flex-container.justify-content-space-between {

40 justify-content: space-between;

41 }

42

43 .flex-item {

44 width:50px;

45 height:50px;

46 margin:20px;

47 background: #eee;

48 line-height: 50px;

49 text-align: center;

50 }

51 </style>

52

53 <summary>

54 <div>these fieldsshouldn't bestacked vertically</div>

55 </summary>

56

57 <h1>flex-direction: row</h1>

58 <div class="flex-container flex-direction-row">

59 <div class="flex-item">1</div>

60 <div class="flex-item">2</div>

61 <div class="flex-item">3</div>

62 </div>

63

64 <h1>flex-direction: row-reverse</h1>

65 <div class="flex-container flex-direction-row-reverse">

66 <div class="flex-item">1</div>

67 <div class="flex-item">2</div>

68 <div class="flex-item">3</div>

69 </div>

70

71 <h1>flex-direction: column</h1>

72 <div class="flex-container flex-direction-column">

73 <div class="flex-item">1</div>

74 <div class="flex-item">2</div>

75 <div class="flex-item">3</div>

76 </div>

77

78 <h1>flex-direction: column-reverse</h1>

79 <div class="flex-container flex-direction-column-reverse">

80 <div class="flex-item">1</div>

81 <div class="flex-item">2</div>

82 <div class="flex-item">3</div>

83 </div>

84

85 <h1>justify-content: center</h1>

86 <div class="flex-container justify-content-center">

87 <div class="flex-item">1</div>

88 <div class="flex-item">2</div>

89 <div class="flex-item">3</div>

90 </div>

91

92 <h1>justify-content: space-around</h1>

93 <div class="flex-container justify-content-space-around">

94 <div class="flex-item">1</div>

95 <div class="flex-item">2</div>

96 <div class="flex-item">3</div>

97 </div>

98

99 <h1>justify-content: space-between</h1>

100 <div class="flex-container justify-content-space-between">

101 <div class="flex-item">1</div>

102 <div class="flex-item">2</div>

103 <div class="flex-item">3</div>

104 </div>

OLD	NEW