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

LibWeb: Implement justify-content for the FlexFormattingContext

Browse source 
This patch implements the algorithm for placing flex-items on a line
according to the specified justify-content property.
This commit is contained in:
Tobias Christiansen 2021-07-16 18:48:08 +02:00 • committed by Ali Mohammad Pur
parent 80a44c3891
commit 439d955471
1 changed files with 24 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -646,12 +646,33 @@ void FlexFormattingContext::run(Box& box, LayoutMode)
}
// 12.2.
// FIXME: Support justify-content
float space_between_items = 0;
float space_before_first_item = 0;
auto number_of_items = flex_line.items.size();
switch (box.computed_values().justify_content()) {
case CSS::JustifyContent::FlexStart:
break;
case CSS::JustifyContent::FlexEnd:
space_before_first_item = main_available_size - used_main_space;
break;
case CSS::JustifyContent::Center:
space_before_first_item = (main_available_size - used_main_space) / 2.0f;
break;
case CSS::JustifyContent::SpaceBetween:
space_between_items = remaining_free_space / (number_of_items - 1);
break;
case CSS::JustifyContent::SpaceAround:
space_between_items = remaining_free_space / number_of_items;
space_before_first_item = space_between_items / 2.0f;
break;
}
// FIXME: Support reverse
float main_offset = 0;
float main_offset = space_before_first_item;
for (auto& flex_item : flex_line.items) {
flex_item->main_offset = main_offset;
main_offset += flex_item->main_size;
main_offset += flex_item->main_size + space_between_items;
}
}