mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-06 17:48:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb/Painting: Paint ridge and groove border styles

Browse source
This commit is contained in:
Sam Atkins 2025-08-04 17:21:50 +01:00
commit 5f986b2c33
Notes: github-actions[bot] 2025-08-11 10:08:20 +00:00
7 changed files with 53 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
Libraries/LibWeb/Painting/BorderPainting.cpp
View file

@ -192,8 +192,11 @@ void paint_border(DisplayListRecorder& painter, BorderEdge edge, DevicePixelRect
}
case CSS::LineStyle::Groove:
case CSS::LineStyle::Ridge:
// FIXME: Implement these
break;
// Two half-width borders
paint_double_border(0.5f,
border_style == CSS::LineStyle::Groove ? CSS::LineStyle::Inset : CSS::LineStyle::Outset,
border_style == CSS::LineStyle::Groove ? CSS::LineStyle::Outset : CSS::LineStyle::Inset);
return;
}
struct Points {

10
Tests/LibWeb/Screenshot/expected/css-border-style-groove-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<img src="../images/css-border-style-groove-ref.png">

10
Tests/LibWeb/Screenshot/expected/css-border-style-ridge-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<img src="../images/css-border-style-ridge-ref.png">

BIN
Tests/LibWeb/Screenshot/images/css-border-style-groove-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

BIN
Tests/LibWeb/Screenshot/images/css-border-style-ridge-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

14
Tests/LibWeb/Screenshot/input/css-border-style-groove.html Normal file
View file

@ -0,0 +1,14 @@
<!doctype html>
<link rel="match" href="../expected/css-border-style-groove-ref.html" />
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-259">
<style>
div {
width: 200px;
height: 200px;
border-style: groove;
border-radius: 30px / 50px;
border-width: 6px 12px 18px 24px;
border-color: red yellow green blue;
}
</style>
<div></div>

14
Tests/LibWeb/Screenshot/input/css-border-style-ridge.html Normal file
View file

@ -0,0 +1,14 @@
<!doctype html>
<link rel="match" href="../expected/css-border-style-ridge-ref.html" />
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-260">
<style>
div {
width: 200px;
height: 200px;
border-style: ridge;
border-radius: 30px / 50px;
border-width: 6px 12px 18px 24px;
border-color: red yellow green blue;
}
</style>
<div></div>