LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html - Issue 16404015: Unprefix -webkit-min-content and -webkit-max-content for grid layout

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html

Issue 16404015: Unprefix -webkit-min-content and -webkit-max-content for grid layout (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebaselined change Created 7 years, 5 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt ('k') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt » ('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>	4 <script>

5 if (window.testRunner)	5 if (window.testRunner)

6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);	6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);

7 </script>	7 </script>

8 <link href="resources/grid.css" rel="stylesheet">	8 <link href="resources/grid.css" rel="stylesheet">

9 <style>	9 <style>

10 .gridWithFixed {	10 .gridWithFixed {

(...skipping 29 matching lines...) Expand all Loading...
40 }	40 }

41 .gridWithPercentAndViewportPercent {	41 .gridWithPercentAndViewportPercent {

42 grid-columns: 50% 15vw;	42 grid-columns: 50% 15vw;

43 grid-rows: 35% 28vh;	43 grid-rows: 35% 28vh;

44 }	44 }

45 .gridWithFitContentAndFitAvailable {	45 .gridWithFitContentAndFitAvailable {

46 grid-columns: -webkit-content-available;	46 grid-columns: -webkit-content-available;

47 grid-rows: -webkit-fitcontent -webkit-fit-available;	47 grid-rows: -webkit-fitcontent -webkit-fit-available;

48 }	48 }

49 .gridWithMinMaxContent {	49 .gridWithMinMaxContent {

50 grid-columns: -webkit-min-content -webkit-max-content;	50 grid-columns: min-content max-content;

51 grid-rows: -webkit-max-content -webkit-min-content;	51 grid-rows: max-content min-content;

52 }	52 }

53 .gridWithMinMaxAndFixed {	53 .gridWithMinMaxAndFixed {

54 grid-columns: minmax(45px, 30%) 15px;	54 grid-columns: minmax(45px, 30%) 15px;

55 grid-rows: 12em minmax(35%, 10px);	55 grid-rows: 12em minmax(35%, 10px);

56 font: 10px Ahem;	56 font: 10px Ahem;

57 }	57 }

58 .gridWithMinMaxAndMinMaxContent {	58 .gridWithMinMaxAndMinMaxContent {

59 grid-columns: minmax(-webkit-min-content, 30%) 15px;	59 grid-columns: minmax(min-content, 30%) 15px;

60 grid-rows: 12em minmax(35%, -webkit-max-content);	60 grid-rows: 12em minmax(35%, max-content);

61 font: 10px Ahem;	61 font: 10px Ahem;

62 }	62 }

63 .gridWithFractionFraction {	63 .gridWithFractionFraction {

64 grid-columns: 1fr 2fr;	64 grid-columns: 1fr 2fr;

65 grid-rows: 3fr 4fr;	65 grid-rows: 3fr 4fr;

66 }	66 }

67 .gridWithFractionMinMax {	67 .gridWithFractionMinMax {

68 grid-columns: minmax(-webkit-min-content, 45px) 2fr;	68 grid-columns: minmax(min-content, 45px) 2fr;

69 grid-rows: 3fr minmax(14px, -webkit-max-content);	69 grid-rows: 3fr minmax(14px, max-content);

70 }	70 }

71 </style>	71 </style>

72 <script src="../js/resources/js-test-pre.js"></script>	72 <script src="../js/resources/js-test-pre.js"></script>

73 </head>	73 </head>

74 <body>	74 <body>

75 <div class="grid gridWithFixed" id="gridWithFixedElement"></div>	75 <div class="grid gridWithFixed" id="gridWithFixedElement"></div>

76 <div class="grid gridWithPercent" id="gridWithPercentElement"></div>	76 <div class="grid gridWithPercent" id="gridWithPercentElement"></div>

77 <div class="grid gridWithAuto" id="gridWithAutoElement"></div>	77 <div class="grid gridWithAuto" id="gridWithAutoElement"></div>

78 <div class="grid gridWithEM" id="gridWithEMElement"></div>	78 <div class="grid gridWithEM" id="gridWithEMElement"></div>

79 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div>	79 <div class="grid gridWithNoneAndAuto" id="gridWithNoneAndAuto"></div>

80 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div>	80 <div class="grid gridWithNoneAndFixed" id="gridWithNoneAndFixed"></div>

81 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div>	81 <div class="grid gridWithThreeItems" id="gridWithThreeItems"></div>

82 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo rtPercent"></div>	82 <div class="grid gridWithPercentAndViewportPercent" id="gridWithPercentAndViewpo rtPercent"></div>

83 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit Available"></div>	83 <div class="grid gridWithFitContentAndFitAvailable" id="gridWithFitContentAndFit Available"></div>

84 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div>	84 <div class="grid gridWithMinMaxContent" id="gridWithMinMaxContent"></div>

85 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div>	85 <div class="grid gridWithMinMaxAndFixed" id="gridWithMinMaxAndFixed"></div>

86 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont ent"></div>	86 <div class="grid gridWithMinMaxAndMinMaxContent" id="gridWithMinMaxAndMinMaxCont ent"></div>

87 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div>	87 <div class="grid gridWithFractionFraction" id="gridWithFractionFraction"></div>

88 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div>	88 <div class="grid gridWithFractionMinMax" id="gridWithFractionMinMax"></div>

89 <script src="resources/grid-columns-rows-get-set-multiple.js"></script>	89 <script src="resources/grid-columns-rows-get-set-multiple.js"></script>

90 <script src="../js/resources/js-test-post.js"></script>	90 <script src="../js/resources/js-test-post.js"></script>

91 </body>	91 </body>

92 </html>	92 </html>

OLD	NEW