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

LibWeb: Implement basic stretch alignment for flex-wrap: wrap

Browse source 
We currently ignore the `align-content` property, that's a FIXME
for our future selves.
This commit is contained in:
Andreas Kling 2022-07-14 00:01:12 +02:00
parent 9fc43d5766
commit 0d8f9019c8
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
Userland/Libraries/LibWeb/Layout/FlexFormattingContext.cpp
View file

@ -1265,16 +1265,28 @@ void FlexFormattingContext::determine_flex_container_used_cross_size(float const
void FlexFormattingContext::align_all_flex_lines() void FlexFormattingContext::align_all_flex_lines()
{ {
// FIXME: Support reverse // FIXME: Support reverse
float cross_size_of_flex_container = specified_cross_size(flex_container());
if (is_single_line()) { if (is_single_line()) {
// For single-line flex containers, we only need to center the line along the cross axis. // For single-line flex containers, we only need to center the line along the cross axis.
auto& flex_line = m_flex_lines[0]; auto& flex_line = m_flex_lines[0];
float cross_size_of_flex_container = specified_cross_size(flex_container());
float center_of_line = cross_size_of_flex_container / 2.0f; float center_of_line = cross_size_of_flex_container / 2.0f;
for (auto* flex_item : flex_line.items) { for (auto* flex_item : flex_line.items) {
flex_item->cross_offset += center_of_line; flex_item->cross_offset += center_of_line;
} }
} else { } else {
// FIXME: Support align-content // FIXME: Support align-content
float cross_size_per_flex_line = cross_size_of_flex_container / m_flex_lines.size();
float half_a_flex_line = cross_size_per_flex_line / 2.0f;
float center_of_current_line = 0 + half_a_flex_line;
for (auto& flex_line : m_flex_lines) {
for (auto* flex_item : flex_line.items) {
flex_item->cross_offset += center_of_current_line;
}
center_of_current_line += cross_size_per_flex_line;
}
} }
} }