Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(373)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-expected.html

Issue 2261733002: [css-grid] Only force full invalidation when grid item data change (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Patch rebased. Created 4 years, 3 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/repaint/justify-self-change.html ('k') | third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <style> 2 <style>
3 body { 3 body {
4 margin: 0; 4 margin: 0;
5 } 5 }
6 #container { 6 #container {
7 display: grid; 7 display: grid;
8 grid: 150px 150px / 100px 100px; 8 grid: 150px 150px / 100px 100px;
9 justify-items: center;
10 width: 200px; 9 width: 200px;
11 height: 300px; 10 height: 300px;
12 background-color: red; 11 background-color: red;
13 } 12 }
14 .item1 { 13 .item1 {
15 grid-row: 1; 14 grid-row: 1;
16 grid-column: 1; 15 grid-column: 1;
17 background-color: green; 16 background-color: green;
18 border: solid thin blue; 17 justify-self: center;
19 width: 50px; 18 height: 300px;
20 justify-self: start; 19 width: 100px;
21 } 20 }
22 .item2 { 21 .item2 {
23 grid-row: 1; 22 grid-row: 1;
24 grid-column: 2; 23 grid-column: 2;
25 background-color: green; 24 background-color: green;
26 border: solid thin blue; 25 justify-self: start;
27 width: 50px; 26 height: 300px;
27 width: 100px;
28 }
29 .item3 {
30 grid-row: 1;
31 grid-column: 2;
32 background-color: green;
28 justify-self: end; 33 justify-self: end;
34 height: 300px;
29 } 35 }
30 </style> 36 </style>
31 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p> 37 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
32 <div id="container"> 38 <div id="container">
33 <div class="item1"> 39 <div class="item1">
34 <div style="height: 150px"></div> 40 <div style="width: 50px;"></div>
35 </div> 41 </div>
36 <div class="item2"> 42 <div class="item2">
37 <div style="height: 100px"></div> 43 <div style="width: 50px;"></div>
44 </div>
45 <div class="item3">
46 <div style="width: 50px;"></div>
38 </div> 47 </div>
39 </div> 48 </div>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/repaint/justify-self-change.html ('k') | third_party/WebKit/LayoutTests/fast/repaint/justify-self-change-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698