third_party/WebKit/LayoutTests/fast/html/summary-display-inline-grid-expected.html - Issue 2373963002: Support display:flex for '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-grid-expected.html

Issue 2373963002: Support display:flex for 'summary' (Closed)

Patch Set: Support display flex/inline-flex/grid/inline-grid for summary Created 4 years, 2 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 <style>

	3 .grid-container {

	4 display: inline-grid;

	5 grid-template-columns: 200px 10px 0.3fr 10px 0.7fr;

	6 grid-template-rows: auto 20px auto;

	7 }

	8

	9 .grid-element {

	10 background-color: #444;

	11 color: #fff;

	12 padding: 20px;

	13 font-size: 2em;

	14 }

	15

	16 .element-a {

	17 grid-column-start: 1;

	18 grid-column-end: ;

	19 grid-row-start: 1;

	20 grid-row-end: 2;

	21 background: #6F9;

	22 }

	23

	24 .element-b {

	25 grid-column-start: 3;

	26 grid-column-end: 4;

	27 grid-row-start: 1;

	28 grid-row-end: 2;

	29 background: #69F;

	30 }

	31

	32 .element-c {

	33 grid-column-start: 5;

	34 grid-column-end: 6;

	35 grid-row-start: 1;

	36 grid-row-end: 2;

	37 background: #F69;

	38 }

	39

	40 .element-d {

	41 grid-column-start: 1;

	42 grid-column-end: 2;

	43 grid-row-start: 3;

	44 grid-row-end: 4;

	45 background: #9F6;

	46 }

	47

	48 .element-e {

	49 grid-column-start: 3;

	50 grid-column-end: 4;

	51 grid-row-start: 3;

	52 grid-row-end: 4;

	53 background: #96F;

	54 }

	55

	56 .element-f {

	57 grid-column-start: 5;

	58 grid-column-end: 6;

	59 grid-row-start: 3;

	60 grid-row-end: 4;

	61 background: #F96;

	62 }

	63 </style>

	64 <div class="grid-container">

	65 <div class="grid-element element-a">A</div>

	66 <div class="grid-element element-b">B</div>

	67 <div class="grid-element element-c">C</div>

	68 <div class="grid-element element-d">D</div>

	69 <div class="grid-element element-e">E</div>

	70 <div class="grid-element element-f">F</div>

	71 </div>

OLD	NEW