third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-content-alignment-stretch-only-valid-for-auto-sized-tracks.html - Issue 1702013003: [css-grid] Swap columns and rows in grid-template shorthand

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-content-alignment-stretch-only-valid-for-auto-sized-tracks.html

Issue 1702013003: [css-grid] Swap columns and rows in grid-template shorthand (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Swap columns and rows in tests under fast/repaint/ Created 4 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/css-grid-layout/grid-align-content-vertical-rl.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-and-alignment.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <script src="../../resources/check-layout.js"></script>	4 <script src="../../resources/check-layout.js"></script>

5 <style>	5 <style>

6 body {	6 body {

7 margin: 0px;	7 margin: 0px;

8 }	8 }

9	9

10 .grid {	10 .grid {

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
48 grid-row: 2;	48 grid-row: 2;

49 }	49 }

50 .secondRowSecondColumn {	50 .secondRowSecondColumn {

51 background-color: orange;	51 background-color: orange;

52 grid-column: 2;	52 grid-column: 2;

53 grid-row: 2;	53 grid-row: 2;

54 }	54 }

55	55

56 /* track sizes allowed to be stetched */	56 /* track sizes allowed to be stetched */

57 .autoTracks { grid: auto auto / auto auto; }	57 .autoTracks { grid: auto auto / auto auto; }

58 .autoMaxTracks { grid: minmax(20px, auto) minmax(20px, auto) / minmax(40px, auto ) minmax(40px, auto); }	58 .autoMaxTracks { grid: minmax(40px, auto) minmax(40px, auto) / minmax(20px, aut o) minmax(20px, auto); }

59	59

60 /* content-sized tracks disallowed to be stetched */	60 /* content-sized tracks disallowed to be stetched */

61 .minContentTracks { grid: min-content min-content / min-content min-content; }	61 .minContentTracks { grid: min-content min-content / min-content min-content; }

62 .maxContentTracks { grid: max-content max-content / max-content max-content; }	62 .maxContentTracks { grid: max-content max-content / max-content max-content; }

63 .minMaxWithMaxContentTracks { grid: minmax(20px, max-content) minmax(20px, max-c ontent) / minmax(20px, max-content) minmax(20px, max-content); }	63 .minMaxWithMaxContentTracks { grid: minmax(20px, max-content) minmax(20px, max-c ontent) / minmax(20px, max-content) minmax(20px, max-content); }

64 .minMaxWithMinContentTracks { grid: minmax(20px, min-content) minmax(20px, min-c ontent) / minmax(20px, min-content) minmax(20px, min-content); }	64 .minMaxWithMinContentTracks { grid: minmax(20px, min-content) minmax(20px, min-c ontent) / minmax(20px, min-content) minmax(20px, min-content); }

65 .minMaxWithMinAutoTracks { grid: minmax(auto, max-content) minmax(auto, max-cont ent) / minmax(auto, max-content) minmax(auto, max-content); }	65 .minMaxWithMinAutoTracks { grid: minmax(auto, max-content) minmax(auto, max-cont ent) / minmax(auto, max-content) minmax(auto, max-content); }

66	66

67 </style>	67 </style>

68 </head>	68 </head>

(...skipping 66 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
135 <div class="grid definiteSize minMaxWithMinAutoTracks" data-expected-width=" 200" data-expected-height="300">	135 <div class="grid definiteSize minMaxWithMinAutoTracks" data-expected-width=" 200" data-expected-height="300">

136 <div class="item firstRowFirstColumn" data-offset-x="0" data-offset-y="0 " data-expected-width="40" data-expected-height="80"></div>	136 <div class="item firstRowFirstColumn" data-offset-x="0" data-offset-y="0 " data-expected-width="40" data-expected-height="80"></div>

137 <div class="item firstRowSecondColumn" data-offset-x="40" data-offset-y= "0" data-expected-width="40" data-expected-height="80"></div>	137 <div class="item firstRowSecondColumn" data-offset-x="40" data-offset-y= "0" data-expected-width="40" data-expected-height="80"></div>

138 <div class="item secondRowFirstColumn" data-offset-x="0" data-offset-y=" 80" data-expected-width="40" data-expected-height="80"></div>	138 <div class="item secondRowFirstColumn" data-offset-x="0" data-offset-y=" 80" data-expected-width="40" data-expected-height="80"></div>

139 <div class="item secondRowSecondColumn" data-offset-x="40" data-offset-y ="80" data-expected-width="40" data-expected-height="80"></div>	139 <div class="item secondRowSecondColumn" data-offset-x="40" data-offset-y ="80" data-expected-width="40" data-expected-height="80"></div>

140 </div>	140 </div>

141 </div>	141 </div>

142	142

143 </body>	143 </body>

144 </html>	144 </html>

OLD	NEW