LibWeb: Grey out invisible nodes in the DOM inspector

This makes it easier to navigate large DOM trees where
some nodes have display: none
This commit is contained in:
Simon Wanner 2022-03-20 19:11:03 +01:00 committed by Andreas Kling
parent a128d4931d
commit 69fc7009bf
Notes: sideshowbarker 2024-07-17 17:02:19 +09:00
2 changed files with 4 additions and 0 deletions

View File

@ -793,6 +793,8 @@ void Node::serialize_tree_as_json(JsonObjectSerializer<StringBuilder>& object) c
MUST(object.add("data"sv, static_cast<DOM::Comment const&>(*this).data()));
}
MUST((object.add("visible"sv, !!layout_node())));
if (has_child_nodes()) {
auto children = MUST(object.add_array("children"));
for_each_child([&children](DOM::Node& child) {

View File

@ -126,6 +126,8 @@ GUI::Variant DOMTreeModel::data(const GUI::ModelIndex& index, GUI::ModelRole rol
return m_tree_view.palette().syntax_comment();
if (type == "pseudo-element"sv)
return m_tree_view.palette().syntax_type();
if (!node.get("visible").to_bool(true))
return m_tree_view.palette().syntax_comment();
return {};
}