mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-01 13:49:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Don't add extra gap when placing flex items in reverse order

Browse source
This commit is contained in:
aplefull 2025-01-16 12:51:06 +01:00 • committed by Andreas Kling
commit 50445dc9ef
Notes: github-actions[bot] 2025-01-17 09:11:34 +00:00
3 changed files with 95 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

37
Tests/LibWeb/Layout/input/flex-justify-end-gap.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<div class="container col">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="container row">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<style>
.container {
display: flex;
gap: 50px;
border: 2px solid black;
}
.item {
width: 50px;
height: 50px;
background: crimson;
}
.col {
flex-direction: column;
justify-content: flex-end;
height: 400px;
width: fit-content;
}
.row {
flex-direction: row;
justify-content: flex-end;
width: 400px;
}
</style>