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

LibWeb: Expand minmax in grid tracks defined by grid-auto-rows/columns

Browse source 
Use GridTrack::create_from_definition() that takes care of minmax().
This commit is contained in:
Aliaksandr Kalenik 2023-06-11 22:18:01 +03:00 • committed by Andreas Kling
parent 57581735b7
commit 3fba0a944a
3 changed files with 29 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
Tests/LibWeb/Layout/expected/grid/minmax-auto-track-definition.txt Normal file
View file

@ -0,0 +1,5 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
Box <div.grid> at (8,8) content-size 200x200 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x100 [BFC] children: not-inline

16
Tests/LibWeb/Layout/input/grid/minmax-auto-track-definition.html Normal file
View file

@ -0,0 +1,16 @@
<style>
.grid {
display: grid;
grid-auto-columns: minmax(50px, 100px);
grid-auto-rows: minmax(50px, 100px);
width: 200px;
height: 200px;
}
.item {
background-color: pink;
width: 100%;
height: 100%;
}
</style>
<div class="grid"><div class="item"></div>