LibWeb: Add support for a bunch of ComputedCSSStyleDeclarations
This patch adds support for a whole lot of other more easy ComputedCSSStyleDeclararions.
This commit is contained in:
Tobias Christiansen
Andreas Kling
parent
ae6862cb2d
commit
f160fe0407
Notes:
sideshowbarker
2024-07-18 04:01:00 +09:00
Author: https://github.com/TobyAsE Commit: https://github.com/SerenityOS/serenity/commit/f160fe0407e Pull-request: https://github.com/SerenityOS/serenity/pull/10016
1 changed files with 550 additions and 3 deletions
|
|
@ -1,5 +1,6 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Andreas Kling <kling@serenityos.org>
|
||||
* Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
|
@ -68,6 +69,308 @@ static CSS::ValueID to_css_value_id(CSS::Display value)
|
|||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Float value)
|
||||
{
|
||||
switch (value) {
|
||||
case Float::None:
|
||||
return CSS::ValueID::None;
|
||||
case Float::Left:
|
||||
return CSS::ValueID::Left;
|
||||
case Float::Right:
|
||||
return CSS::ValueID::Right;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Clear value)
|
||||
{
|
||||
switch (value) {
|
||||
case Clear::None:
|
||||
return CSS::ValueID::None;
|
||||
case Clear::Left:
|
||||
return CSS::ValueID::Left;
|
||||
case Clear::Right:
|
||||
return CSS::ValueID::Right;
|
||||
case Clear::Both:
|
||||
return CSS::ValueID::Both;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::TextDecorationLine value)
|
||||
{
|
||||
switch (value) {
|
||||
case TextDecorationLine::None:
|
||||
return CSS::ValueID::None;
|
||||
case TextDecorationLine::Underline:
|
||||
return CSS::ValueID::Underline;
|
||||
case TextDecorationLine::Overline:
|
||||
return CSS::ValueID::Overline;
|
||||
case TextDecorationLine::LineThrough:
|
||||
return CSS::ValueID::LineThrough;
|
||||
case TextDecorationLine::Blink:
|
||||
return CSS::ValueID::Blink;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Cursor value)
|
||||
{
|
||||
switch (value) {
|
||||
case Cursor::Auto:
|
||||
return CSS::ValueID::Auto;
|
||||
case Cursor::Default:
|
||||
return CSS::ValueID::Default;
|
||||
case Cursor::None:
|
||||
return CSS::ValueID::None;
|
||||
case Cursor::ContextMenu:
|
||||
return CSS::ValueID::ContextMenu;
|
||||
case Cursor::Help:
|
||||
return CSS::ValueID::Help;
|
||||
case Cursor::Pointer:
|
||||
return CSS::ValueID::Pointer;
|
||||
case Cursor::Progress:
|
||||
return CSS::ValueID::Progress;
|
||||
case Cursor::Wait:
|
||||
return CSS::ValueID::Wait;
|
||||
case Cursor::Cell:
|
||||
return CSS::ValueID::Cell;
|
||||
case Cursor::Crosshair:
|
||||
return CSS::ValueID::Crosshair;
|
||||
case Cursor::Text:
|
||||
return CSS::ValueID::Text;
|
||||
case Cursor::VerticalText:
|
||||
return CSS::ValueID::VerticalText;
|
||||
case Cursor::Alias:
|
||||
return CSS::ValueID::Alias;
|
||||
case Cursor::Copy:
|
||||
return CSS::ValueID::Copy;
|
||||
case Cursor::Move:
|
||||
return CSS::ValueID::Move;
|
||||
case Cursor::NoDrop:
|
||||
return CSS::ValueID::NoDrop;
|
||||
case Cursor::NotAllowed:
|
||||
return CSS::ValueID::NotAllowed;
|
||||
case Cursor::Grab:
|
||||
return CSS::ValueID::Grab;
|
||||
case Cursor::Grabbing:
|
||||
return CSS::ValueID::Grabbing;
|
||||
case Cursor::EResize:
|
||||
return CSS::ValueID::EResize;
|
||||
case Cursor::NResize:
|
||||
return CSS::ValueID::NResize;
|
||||
case Cursor::NeResize:
|
||||
return CSS::ValueID::NeResize;
|
||||
case Cursor::NwResize:
|
||||
return CSS::ValueID::NwResize;
|
||||
case Cursor::SResize:
|
||||
return CSS::ValueID::SResize;
|
||||
case Cursor::SeResize:
|
||||
return CSS::ValueID::SeResize;
|
||||
case Cursor::SwResize:
|
||||
return CSS::ValueID::SwResize;
|
||||
case Cursor::WResize:
|
||||
return CSS::ValueID::WResize;
|
||||
case Cursor::EwResize:
|
||||
return CSS::ValueID::EwResize;
|
||||
case Cursor::NsResize:
|
||||
return CSS::ValueID::NsResize;
|
||||
case Cursor::NeswResize:
|
||||
return CSS::ValueID::NeswResize;
|
||||
case Cursor::NwseResize:
|
||||
return CSS::ValueID::NwseResize;
|
||||
case Cursor::ColResize:
|
||||
return CSS::ValueID::ColResize;
|
||||
case Cursor::RowResize:
|
||||
return CSS::ValueID::RowResize;
|
||||
case Cursor::AllScroll:
|
||||
return CSS::ValueID::AllScroll;
|
||||
case Cursor::ZoomIn:
|
||||
return CSS::ValueID::ZoomIn;
|
||||
case Cursor::ZoomOut:
|
||||
return CSS::ValueID::ZoomOut;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::TextAlign value)
|
||||
{
|
||||
switch (value) {
|
||||
case TextAlign::Left:
|
||||
return CSS::ValueID::Left;
|
||||
case TextAlign::Center:
|
||||
return CSS::ValueID::Center;
|
||||
case TextAlign::Right:
|
||||
return CSS::ValueID::Right;
|
||||
case TextAlign::Justify:
|
||||
return CSS::ValueID::Justify;
|
||||
case TextAlign::LibwebCenter:
|
||||
return CSS::ValueID::LibwebCenter;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::TextTransform value)
|
||||
{
|
||||
switch (value) {
|
||||
case TextTransform::None:
|
||||
return CSS::ValueID::None;
|
||||
case TextTransform::Capitalize:
|
||||
return CSS::ValueID::Capitalize;
|
||||
case TextTransform::Uppercase:
|
||||
return CSS::ValueID::Uppercase;
|
||||
case TextTransform::Lowercase:
|
||||
return CSS::ValueID::Lowercase;
|
||||
case TextTransform::FullWidth:
|
||||
return CSS::ValueID::FullWidth;
|
||||
case TextTransform::FullSizeKana:
|
||||
return CSS::ValueID::FullSizeKana;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Position value)
|
||||
{
|
||||
switch (value) {
|
||||
case Position::Static:
|
||||
return CSS::ValueID::Static;
|
||||
case Position::Relative:
|
||||
return CSS::ValueID::Relative;
|
||||
case Position::Absolute:
|
||||
return CSS::ValueID::Absolute;
|
||||
case Position::Fixed:
|
||||
return CSS::ValueID::Fixed;
|
||||
case Position::Sticky:
|
||||
return CSS::ValueID::Sticky;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::WhiteSpace value)
|
||||
{
|
||||
switch (value) {
|
||||
case WhiteSpace::Normal:
|
||||
return CSS::ValueID::Normal;
|
||||
case WhiteSpace::Pre:
|
||||
return CSS::ValueID::Pre;
|
||||
case WhiteSpace::Nowrap:
|
||||
return CSS::ValueID::Nowrap;
|
||||
case WhiteSpace::PreLine:
|
||||
return CSS::ValueID::PreLine;
|
||||
case WhiteSpace::PreWrap:
|
||||
return CSS::ValueID::PreWrap;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::FlexDirection value)
|
||||
{
|
||||
switch (value) {
|
||||
case FlexDirection::Row:
|
||||
return CSS::ValueID::Row;
|
||||
case FlexDirection::RowReverse:
|
||||
return CSS::ValueID::RowReverse;
|
||||
case FlexDirection::Column:
|
||||
return CSS::ValueID::Column;
|
||||
case FlexDirection::ColumnReverse:
|
||||
return CSS::ValueID::ColumnReverse;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::FlexWrap value)
|
||||
{
|
||||
switch (value) {
|
||||
case FlexWrap::Nowrap:
|
||||
return CSS::ValueID::Nowrap;
|
||||
case FlexWrap::Wrap:
|
||||
return CSS::ValueID::Wrap;
|
||||
case FlexWrap::WrapReverse:
|
||||
return CSS::ValueID::WrapReverse;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::JustifyContent value)
|
||||
{
|
||||
switch (value) {
|
||||
case JustifyContent::FlexStart:
|
||||
return CSS::ValueID::FlexStart;
|
||||
case JustifyContent::FlexEnd:
|
||||
return CSS::ValueID::FlexEnd;
|
||||
case JustifyContent::Center:
|
||||
return CSS::ValueID::Center;
|
||||
case JustifyContent::SpaceBetween:
|
||||
return CSS::ValueID::SpaceBetween;
|
||||
case JustifyContent::SpaceAround:
|
||||
return CSS::ValueID::SpaceAround;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Overflow value)
|
||||
{
|
||||
switch (value) {
|
||||
case Overflow::Auto:
|
||||
return CSS::ValueID::Auto;
|
||||
case Overflow::Clip:
|
||||
return CSS::ValueID::Clip;
|
||||
case Overflow::Hidden:
|
||||
return CSS::ValueID::Hidden;
|
||||
case Overflow::Scroll:
|
||||
return CSS::ValueID::Scroll;
|
||||
case Overflow::Visible:
|
||||
return CSS::ValueID::Visible;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::Repeat value)
|
||||
{
|
||||
switch (value) {
|
||||
case Repeat::NoRepeat:
|
||||
return CSS::ValueID::NoRepeat;
|
||||
case Repeat::Repeat:
|
||||
return CSS::ValueID::Repeat;
|
||||
case Repeat::Round:
|
||||
return CSS::ValueID::Round;
|
||||
case Repeat::Space:
|
||||
return CSS::ValueID::Space;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
static CSS::ValueID to_css_value_id(CSS::ListStyleType value)
|
||||
{
|
||||
switch (value) {
|
||||
case ListStyleType::None:
|
||||
return CSS::ValueID::None;
|
||||
case ListStyleType::Disc:
|
||||
return CSS::ValueID::Disc;
|
||||
case ListStyleType::Circle:
|
||||
return CSS::ValueID::Circle;
|
||||
case ListStyleType::Square:
|
||||
return CSS::ValueID::Square;
|
||||
case ListStyleType::Decimal:
|
||||
return CSS::ValueID::Decimal;
|
||||
case ListStyleType::DecimalLeadingZero:
|
||||
return CSS::ValueID::DecimalLeadingZero;
|
||||
case ListStyleType::LowerAlpha:
|
||||
return CSS::ValueID::LowerAlpha;
|
||||
case ListStyleType::LowerLatin:
|
||||
return CSS::ValueID::LowerLatin;
|
||||
case ListStyleType::LowerRoman:
|
||||
return CSS::ValueID::LowerRoman;
|
||||
case ListStyleType::UpperAlpha:
|
||||
return CSS::ValueID::UpperAlpha;
|
||||
case ListStyleType::UpperLatin:
|
||||
return CSS::ValueID::UpperLatin;
|
||||
case ListStyleType::UpperRoman:
|
||||
return CSS::ValueID::UpperRoman;
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
Optional<StyleProperty> ComputedCSSStyleDeclaration::property(PropertyID property_id) const
|
||||
{
|
||||
const_cast<DOM::Document&>(m_element->document()).force_layout();
|
||||
|
|
@ -86,17 +389,261 @@ Optional<StyleProperty> ComputedCSSStyleDeclaration::property(PropertyID propert
|
|||
auto& layout_node = *m_element->layout_node();
|
||||
|
||||
switch (property_id) {
|
||||
case CSS::PropertyID::Float:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().float_())),
|
||||
};
|
||||
case CSS::PropertyID::Clear:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().clear())),
|
||||
};
|
||||
case CSS::PropertyID::Cursor:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().cursor())),
|
||||
};
|
||||
case CSS::PropertyID::Display:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().display())),
|
||||
};
|
||||
case CSS::PropertyID::ZIndex: {
|
||||
auto maybe_z_index = layout_node.computed_values().z_index();
|
||||
if (!maybe_z_index.has_value())
|
||||
return {};
|
||||
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = NumericStyleValue::create(maybe_z_index.release_value()),
|
||||
};
|
||||
}
|
||||
case CSS::PropertyID::TextAlign:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().text_align())),
|
||||
};
|
||||
case CSS::PropertyID::TextDecorationLine:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().text_decoration_line())),
|
||||
};
|
||||
case CSS::PropertyID::TextTransform:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().text_transform())),
|
||||
};
|
||||
case CSS::PropertyID::Position:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().position())),
|
||||
};
|
||||
case CSS::PropertyID::WhiteSpace:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().white_space())),
|
||||
};
|
||||
case CSS::PropertyID::FlexDirection:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().flex_direction())),
|
||||
};
|
||||
case CSS::PropertyID::FlexWrap:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().flex_wrap())),
|
||||
};
|
||||
case CSS::PropertyID::FlexBasis: {
|
||||
switch (layout_node.computed_values().flex_basis().type) {
|
||||
case FlexBasis::Content:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(CSS::ValueID::Content),
|
||||
};
|
||||
case FlexBasis::Length:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().flex_basis().length),
|
||||
};
|
||||
case FlexBasis::Auto:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(CSS::ValueID::Auto),
|
||||
};
|
||||
}
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
case CSS::PropertyID::FlexGrow: {
|
||||
auto maybe_grow_factor = layout_node.computed_values().flex_grow_factor();
|
||||
if (!maybe_grow_factor.has_value())
|
||||
return {};
|
||||
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = NumericStyleValue::create(maybe_grow_factor.release_value()),
|
||||
};
|
||||
}
|
||||
case CSS::PropertyID::FlexShrink: {
|
||||
auto maybe_shrink_factor = layout_node.computed_values().flex_shrink_factor();
|
||||
if (!maybe_shrink_factor.has_value())
|
||||
return {};
|
||||
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = NumericStyleValue::create(maybe_shrink_factor.release_value()),
|
||||
};
|
||||
}
|
||||
case CSS::PropertyID::Opacity: {
|
||||
auto maybe_opacity = layout_node.computed_values().flex_grow_factor();
|
||||
if (!maybe_opacity.has_value())
|
||||
return {};
|
||||
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = NumericStyleValue::create(maybe_opacity.release_value()),
|
||||
};
|
||||
}
|
||||
case CSS::PropertyID::JustifyContent:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().justify_content())),
|
||||
};
|
||||
case CSS::PropertyID::BoxShadow: {
|
||||
auto maybe_box_shadow = layout_node.computed_values().box_shadow();
|
||||
if (!maybe_box_shadow.has_value())
|
||||
return {};
|
||||
auto box_shadow_data = maybe_box_shadow.release_value();
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = BoxShadowStyleValue::create(box_shadow_data.offset_x, box_shadow_data.offset_y, box_shadow_data.blur_radius, box_shadow_data.color),
|
||||
};
|
||||
}
|
||||
case CSS::PropertyID::Width:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().width()),
|
||||
};
|
||||
case CSS::PropertyID::MinWidth:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().min_width()),
|
||||
};
|
||||
case CSS::PropertyID::MaxWidth:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().max_width()),
|
||||
};
|
||||
case CSS::PropertyID::Height:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().height()),
|
||||
};
|
||||
case CSS::PropertyID::MinHeight:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().min_height()),
|
||||
};
|
||||
case CSS::PropertyID::MaxHeight:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().max_height()),
|
||||
};
|
||||
case CSS::PropertyID::MarginTop:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().margin().top),
|
||||
};
|
||||
case CSS::PropertyID::MarginRight:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().margin().right),
|
||||
};
|
||||
case CSS::PropertyID::MarginBottom:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().margin().bottom),
|
||||
};
|
||||
case CSS::PropertyID::MarginLeft:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().margin().left),
|
||||
};
|
||||
case CSS::PropertyID::PaddingTop:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().padding().top),
|
||||
};
|
||||
case CSS::PropertyID::PaddingRight:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().padding().right),
|
||||
};
|
||||
case CSS::PropertyID::PaddingBottom:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().padding().bottom),
|
||||
};
|
||||
case CSS::PropertyID::PaddingLeft:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().padding().left),
|
||||
};
|
||||
case CSS::PropertyID::BorderBottomLeftRadius:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().border_bottom_left_radius()),
|
||||
};
|
||||
case CSS::PropertyID::BorderBottomRightRadius:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().border_bottom_right_radius()),
|
||||
};
|
||||
case CSS::PropertyID::BorderTopLeftRadius:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().border_top_left_radius()),
|
||||
};
|
||||
case CSS::PropertyID::BorderTopRightRadius:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = LengthStyleValue::create(layout_node.computed_values().border_top_right_radius()),
|
||||
};
|
||||
case CSS::PropertyID::OverflowX:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().overflow_x())),
|
||||
};
|
||||
case CSS::PropertyID::OverflowY:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().overflow_y())),
|
||||
};
|
||||
case CSS::PropertyID::Color:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = ColorStyleValue::create(layout_node.computed_values().color()),
|
||||
};
|
||||
case CSS::PropertyID::Display: {
|
||||
case PropertyID::BackgroundColor:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().display())),
|
||||
.value = ColorStyleValue::create(layout_node.computed_values().background_color()),
|
||||
};
|
||||
case CSS::PropertyID::BackgroundRepeatX:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().background_repeat_x())),
|
||||
};
|
||||
case CSS::PropertyID::BackgroundRepeatY:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().background_repeat_y())),
|
||||
};
|
||||
case CSS::PropertyID::ListStyleType:
|
||||
return StyleProperty {
|
||||
.property_id = property_id,
|
||||
.value = IdentifierStyleValue::create(to_css_value_id(layout_node.computed_values().list_style_type())),
|
||||
};
|
||||
}
|
||||
default:
|
||||
dbgln("FIXME: Computed style for the '{}' property was requested", string_from_property_id(property_id));
|
||||
return {};
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue