mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 08:27:46 +00:00
LibWeb: Support "order" property for items in GridFormattingContext
Closes https://github.com/SerenityOS/serenity/issues/20434
This commit is contained in:
parent
0a4b869233
commit
6354f950fd
3 changed files with 129 additions and 38 deletions
33
Tests/LibWeb/Layout/input/grid/order.html
Normal file
33
Tests/LibWeb/Layout/input/grid/order.html
Normal file
|
@ -0,0 +1,33 @@
|
|||
<style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.item-1 {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.item-2 {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.item-3 {
|
||||
order: 1;
|
||||
}
|
||||
</style>
|
||||
<div class="grid-container">
|
||||
<div class="grid-item item-1">1</div>
|
||||
<div class="grid-item item-2">2</div>
|
||||
<div class="grid-item item-3">3</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue