mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-09-21 02:08:12 +03:00
226fe4b57d
This iterates the fragments of the containing block, and paints their outlines if they are descendants of the InlineNode. If multiple fragments are adjacent, eg: ```html <span><b>Well</b> hello <i>friends!</i></span> ``` ...then we get a double-thick outline between "Well", " hello " and "friends!", but we can come back to this after we implement non-rectangular outlines for the `outline` CSS property.
69 lines
2.5 KiB
C++
69 lines
2.5 KiB
C++
/*
|
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#include <LibGfx/Painter.h>
|
|
#include <LibWeb/DOM/Document.h>
|
|
#include <LibWeb/DOM/Element.h>
|
|
#include <LibWeb/Layout/BlockBox.h>
|
|
#include <LibWeb/Layout/InlineFormattingContext.h>
|
|
#include <LibWeb/Layout/InlineNode.h>
|
|
|
|
namespace Web::Layout {
|
|
|
|
InlineNode::InlineNode(DOM::Document& document, DOM::Element& element, NonnullRefPtr<CSS::StyleProperties> style)
|
|
: Layout::NodeWithStyleAndBoxModelMetrics(document, &element, move(style))
|
|
{
|
|
set_inline(true);
|
|
}
|
|
|
|
InlineNode::~InlineNode()
|
|
{
|
|
}
|
|
|
|
void InlineNode::split_into_lines(InlineFormattingContext& context, LayoutMode layout_mode)
|
|
{
|
|
auto& containing_block = context.context_box();
|
|
|
|
if (!computed_values().padding().left.is_undefined_or_auto()) {
|
|
float padding_left = computed_values().padding().left.resolved(CSS::Length::make_px(0), *this, containing_block.width()).to_px(*this);
|
|
containing_block.ensure_last_line_box().add_fragment(*this, 0, 0, padding_left, 0, LineBoxFragment::Type::Leading);
|
|
}
|
|
|
|
NodeWithStyleAndBoxModelMetrics::split_into_lines(context, layout_mode);
|
|
|
|
if (!computed_values().padding().right.is_undefined_or_auto()) {
|
|
float padding_right = computed_values().padding().right.resolved(CSS::Length::make_px(0), *this, containing_block.width()).to_px(*this);
|
|
containing_block.ensure_last_line_box().add_fragment(*this, 0, 0, padding_right, 0, LineBoxFragment::Type::Trailing);
|
|
}
|
|
}
|
|
|
|
void InlineNode::paint_fragment(PaintContext& context, const LineBoxFragment& fragment, PaintPhase phase) const
|
|
{
|
|
auto& painter = context.painter();
|
|
|
|
if (phase == PaintPhase::Background) {
|
|
painter.fill_rect(enclosing_int_rect(fragment.absolute_rect()), computed_values().background_color());
|
|
}
|
|
}
|
|
|
|
void InlineNode::paint(PaintContext& context, PaintPhase phase)
|
|
{
|
|
auto& painter = context.painter();
|
|
|
|
if (phase == PaintPhase::Foreground && document().inspected_node() == dom_node()) {
|
|
// FIXME: This paints a double-thick border between adjacent fragments, where ideally there
|
|
// would be none. Once we implement non-rectangular outlines for the `outline` CSS
|
|
// property, we can use that here instead.
|
|
containing_block()->for_each_fragment([&](auto& fragment) {
|
|
if (is_inclusive_ancestor_of(fragment.layout_node()))
|
|
painter.draw_rect(enclosing_int_rect(fragment.absolute_rect()), Color::Magenta);
|
|
return IterationDecision::Continue;
|
|
});
|
|
}
|
|
}
|
|
|
|
}
|