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

LibWeb: Add naive support for {margin,padding}-{block,inline}

Browse source 
Like other logical properties, we just alias these to the LTR TB default
properties for now.
This commit is contained in:
Andreas Kling 2023-06-07 09:13:21 +02:00
parent af1798dd04
commit 2c16e8371f
4 changed files with 86 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt Normal file
View file

@ -0,0 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x119.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x101.46875 children: not-inline
BlockContainer <div.a> at (31,21) content-size 458x79.46875 children: not-inline
BlockContainer <div.b> at (72,52) content-size 376x17.46875 children: inline
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17.46875]
"Hello"
InlineNode <span>
TextNode <#text>

18
Tests/LibWeb/Layout/input/block-and-inline/margin-padding-block-inline.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html><style>
* {
border: 1px solid black;
}
body {
width: 500px;
}
.a {
padding: 100px;
padding-block: 10px;
padding-inline: 20px;
}
.b {
margin: 90px;
margin-block: 30px;
margin-inline: 40px;
}
</style><div class="a"><div class="b"><span>Hello</span>