RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 15:57:34 +00:00
Code Issues Activity Actions

LibWeb: Add support for align-items and align-self in CSS grid

Browse source
This commit is contained in:
Christophe Naud-Dulude 2023-07-27 13:18:32 -04:00 • committed by Andreas Kling
parent dfbc2839b4
commit 11b844ce20
6 changed files with 167 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
Tests/LibWeb/Layout/expected/grid/align-items.txt Normal file
View file

@ -0,0 +1,42 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x262.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x244.40625 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.start> at (31,31) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,32) content-size 367x17.46875 [BFC] children: inline
line 0 width: 50.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17.46875]
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17.46875 [BFC] children: inline
line 0 width: 52.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17.46875]
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,123.46875) content-size 367x17.46875 [BFC] children: inline
line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [32,123.46875 59.390625x17.46875]
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 61.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [411,123.46875 61.859375x17.46875]
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172.9375) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (31,193.9375) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,214.9375) content-size 367x17.46875 [BFC] children: inline
line 0 width: 35.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [32,214.9375 35.671875x17.46875]
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204.9375) content-size 347x17.46875 [BFC] children: inline
line 0 width: 38.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [411,204.9375 38.140625x17.46875]
"End2"
TextNode <#text>

42
Tests/LibWeb/Layout/expected/grid/align-self.txt Normal file
View file

@ -0,0 +1,42 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x262.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x244.40625 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,31) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.start> at (32,32) content-size 367x17.46875 [BFC] children: inline
line 0 width: 50.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17.46875]
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17.46875 [BFC] children: inline
line 0 width: 52.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17.46875]
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.center> at (32,123.46875) content-size 367x17.46875 [BFC] children: inline
line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [32,123.46875 59.390625x17.46875]
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 61.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [411,123.46875 61.859375x17.46875]
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172.9375) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,193.9375) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.end> at (32,214.9375) content-size 367x17.46875 [BFC] children: inline
line 0 width: 35.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [32,214.9375 35.671875x17.46875]
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204.9375) content-size 347x17.46875 [BFC] children: inline
line 0 width: 38.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [411,204.9375 38.140625x17.46875]
"End2"
TextNode <#text>