diff options
| author | Andreas Kling <kling@serenityos.org> | 2023-05-16 16:59:47 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2023-05-17 07:40:17 +0200 |
| commit | 2e13f65ff4448bb1c41eda8f3775aa158f294d7b (patch) | |
| tree | b9bb8670e4e780770b81aee27fcc8e923e46e095 /Tests/LibWeb/Layout/input | |
| parent | e81d4ca1ac92972f5d66132dac177c75b5d83a2f (diff) | |
| download | serenity-2e13f65ff4448bb1c41eda8f3775aa158f294d7b.zip | |
LibWeb: Support flex-basis: calc(...)
1. Propagate calc() values from StyleProperties to ComputedValues.
2. Actually resolve calc() values when determining the used flex basis.
This makes the "support" section on https://shopify.com/ show up
correctly as a 2x2 grid (instead of 1x4). :^)
Diffstat (limited to 'Tests/LibWeb/Layout/input')
| -rw-r--r-- | Tests/LibWeb/Layout/input/flex/calc-flex-basis.html | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/Tests/LibWeb/Layout/input/flex/calc-flex-basis.html b/Tests/LibWeb/Layout/input/flex/calc-flex-basis.html new file mode 100644 index 0000000000..c9a8a2f49a --- /dev/null +++ b/Tests/LibWeb/Layout/input/flex/calc-flex-basis.html @@ -0,0 +1,18 @@ +<!doctype html><style> +* { + border: 1px solid black; + box-sizing: border-box; + font: 20px SerenitySans; +} +.flex-container { + display: flex; + flex-wrap: wrap; + background: pink; + column-gap: 1px; +} +.flex-item { + flex-basis: calc(50% - 1px); + background: orange; + height: 30px; +} +</style><div class="flex-container"><div class="flex-item">Item 1</div><div class="flex-item">Item 2</div><div class="flex-item">Item 3</div><div class="flex-item">Item 4</div></div>
\ No newline at end of file |