RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 17:37:37 +00:00
Code Issues Activity Actions

LibWeb: Allow calculated values for background-size dimensions

Browse source 
This fixes the sizing of the arrow icons displayed to the left of
parent sections on a table of contents on Wikipedia articles, which
are sized using the equation `calc(max(0.75em, 12px))`. Now, the icon
will not expand past the edges of the box they are within, avoiding
clipping the edges of the arrows.
This commit is contained in:
Zaggy1024 2023-09-11 21:36:18 -05:00 • committed by Andreas Kling
parent bdb311a434
commit 4cc3c41269
4 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
Tests/LibWeb/Ref/reference/background-size-calc-ref.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<style>
span {
display: inline-block;
min-width: 12px;
min-height: 12px;
background-image: url("../assets/2x2checkerboard.png");
background-size: calc(max(0.75em, 12px));
}
</style>
</head>
<body><span></span><img src="../assets/2x2checkerboard.png">