RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 18:28:12 +00:00
Code Issues Activity Actions

LibWeb: Inspector content_size tooltip in document view

Browse source 
This adds a small tooltip in the browser showing the size of the
element that currently selected in the inspector view. This allows
for easier debugging since you dont have to dump the layout tree :^).
This commit is contained in:
Vrins 2022-02-18 00:54:55 +01:00 • committed by Andreas Kling
parent 7527b52efc
commit 12d75b10f3
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Userland/Libraries/LibWeb/Layout/Box.cpp
View file

@ -46,6 +46,16 @@ void Box::paint(PaintContext& context, PaintPhase phase)
context.painter().draw_rect(enclosing_int_rect(margin_rect), Color::Yellow);
context.painter().draw_rect(enclosing_int_rect(absolute_padding_box_rect()), Color::Cyan);
context.painter().draw_rect(enclosing_int_rect(content_rect), Color::Magenta);
auto size_text_rect = absolute_rect();
auto size_text = String::formatted("{}x{}", content_rect.width(), content_rect.height());
size_text_rect.set_y(content_rect.y() + content_rect.height());
size_text_rect.set_top(size_text_rect.top());
size_text_rect.set_width((float)context.painter().font().width(size_text));
size_text_rect.set_height(context.painter().font().glyph_height());
context.painter().fill_rect(enclosing_int_rect(size_text_rect), Color::Cyan);
context.painter().draw_text(enclosing_int_rect(size_text_rect), size_text);
}
if (phase == PaintPhase::FocusOutline && dom_node() && dom_node()->is_element() && verify_cast<DOM::Element>(*dom_node()).is_focused()) {