浏览代码

LibWeb: Include flex-direction in layout tree dumps

Andreas Kling 3 年之前
父节点
当前提交
e2dbaa6ceb
共有 1 个文件被更改,包括 18 次插入2 次删除
  1. 18 2
      Userland/Libraries/LibWeb/Dump.cpp

+ 18 - 2
Userland/Libraries/LibWeb/Dump.cpp

@@ -177,8 +177,24 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho
             builder.appendff(" {}floating{}", floating_color_on, color_off);
             builder.appendff(" {}floating{}", floating_color_on, color_off);
         if (box.is_inline_block())
         if (box.is_inline_block())
             builder.appendff(" {}inline-block{}", inline_block_color_on, color_off);
             builder.appendff(" {}inline-block{}", inline_block_color_on, color_off);
-        if (box.computed_values().display().is_flex_inside())
-            builder.appendff(" {}flex-container{}", flex_color_on, color_off);
+        if (box.computed_values().display().is_flex_inside()) {
+            StringView direction;
+            switch (box.computed_values().flex_direction()) {
+            case CSS::FlexDirection::Column:
+                direction = "column"sv;
+                break;
+            case CSS::FlexDirection::ColumnReverse:
+                direction = "column-reverse"sv;
+                break;
+            case CSS::FlexDirection::Row:
+                direction = "row"sv;
+                break;
+            case CSS::FlexDirection::RowReverse:
+                direction = "row-reverse"sv;
+                break;
+            }
+            builder.appendff(" {}flex-container({}){}", flex_color_on, direction, color_off);
+        }
         if (box.is_flex_item())
         if (box.is_flex_item())
             builder.appendff(" {}flex-item{}", flex_color_on, color_off);
             builder.appendff(" {}flex-item{}", flex_color_on, color_off);