mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-10-21 23:50:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9
ladybird/Tests/LibWeb/Screenshot/images
History
Jelle Raaijmakers 115e5f42af LibWeb: Improve graphical list item marker positioning 
While 788d5368a7 took care of better text
marker positioning, this improves graphical marker positioning instead.

By looking at how Firefox and Chrome render markers, it's clear that
there are three parts to positioning a graphical marker:

  * The containing space that the marker resides in;
  * The marker dimensions;
  * The distance between the marker and the start of the list item.

The space that the marker can be contained in, is the area to the left
of the list item with a height of the marker's line-height. The marker
dimensions are relative to the marker's font's pixel size: most of them
are a square at 35% of the font size, but the disclosure markers are
sized at 50% instead. Finally, the marker distance is always gauged at
50% of the font size.

So for example, a list item with `list-style-type: disc` and `font-size:
20px`, has 10px between its start and the right side of the marker, and
the marker's dimensions are 7x7.

The percentages I've chosen closely resemble how Firefox lays out its
list item markers.
2025-07-17 09:35:09 +01:00
..
acid2.png LibWeb: Improve list item marker positioning and alpha/roman text 2025-07-15 19:05:36 +01:00
alt-frame.png LibGfx+LibWeb: Draw glyph runs with subpixel accuracy 2024-12-21 23:09:52 +01:00
border-radius-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
canvas-arcs-and-ellipses-ref.png
canvas-fillstyle-gradients-ref.png Tests: Add fillstyle gradients screenshot test for canvas 2024-12-06 20:21:57 +01:00
canvas-fillstyle-opacity.png Tests: Add screenshot test for Canvas2D fillstyle opacity 2024-12-19 13:31:12 +01:00
canvas-fillstyle-rgb.png
canvas-filters.png LibGfx+LibWeb: Convert bitmap alpha type when creating ImmutableBitmaps 2025-03-22 17:49:38 +01:00
canvas-implict-moves-and-lines-ref.png
canvas-path-rect-ref.png
canvas-shadow-ref.png Tests: Modify canvas-shadow test to use shadowBlur 2024-12-05 17:07:13 +01:00
canvas-stroke-styles-ref.png LibWeb+LibGfx: Paint dash array and offset for SVG and Canvas 2025-04-14 18:00:38 +01:00
canvas-text-ref.png LibGfx+LibWeb: Add Path::glyph_run() and use in canvas 2025-04-21 09:51:16 +02:00
canvas-unpremultiplied-image-ref.png
clip-path-basic-shapes-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
clip-path-polygon-ref.png Revert "LibWeb/CSS: Implement 'background-blend-mode'" 2025-03-28 16:48:03 +00:00
clip-path-transformed-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
color-scheme-ref.png LibWeb: Apply clip rect before painting background and foreground items 2025-06-24 12:56:28 +01:00
css-background-clip-text.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
css-background-position-ref.png
css-background-repeat-ref.png
css-background-repeat-x-and-zoomed-ref.png Tests/LibWeb: Fix flaky css background test 2025-05-30 12:03:25 -04:00
css-backgrounds-ref.png LibWeb: Apply clip rect before painting background and foreground items 2025-06-24 12:56:28 +01:00
css-color-functions-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
css-compositing-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
css-filter-drop-shadow-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
css-filter-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
css-gradients-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
css-transform-box-ref.png LibWeb: Allow <svg> to establish a stacking context 2025-07-12 11:01:15 +02:00
details-open-then-closed.png LibWeb: Improve graphical list item marker positioning 2025-07-17 09:35:09 +01:00
gradient-interpolation-method-ref.png LibWeb: Implement css gradient-interpolation-method 2025-03-06 11:33:12 +00:00
image-unpremultiplied-data-ref.png LibGfx+LibWeb: Convert bitmap alpha type when creating ImmutableBitmaps 2025-03-22 17:49:38 +01:00
inline-node-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
input-placeholder-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
meter-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
nested-boxes-with-hidden-overflow-and-border-radius-ref.png LibWeb: Apply clip rect before painting background and foreground items 2025-06-24 12:56:28 +01:00
object-fit-position.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
ol-render-node-append-group-reversed-ref.png LibWeb: Improve list item marker positioning and alpha/roman text 2025-07-15 19:05:36 +01:00
ol-render-node-append-reversed-ref.png LibWeb: Improve list item marker positioning and alpha/roman text 2025-07-15 19:05:36 +01:00
ol-render-node-insert-last-group-reversed-ref.png LibWeb: Improve list item marker positioning and alpha/roman text 2025-07-15 19:05:36 +01:00
ol-render-node-insert-last-reversed-ref.png LibWeb: Improve list item marker positioning and alpha/roman text 2025-07-15 19:05:36 +01:00
opacity-stacking-ref.png
ordered-list-ref.png LibWeb: Improve graphical list item marker positioning 2025-07-17 09:35:09 +01:00
outer-box-shadow-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
selection-start-in-end-node-ref.png LibWeb: Fix selection when start node is inside end node 2025-07-04 20:19:50 +02:00
svg-axis-aligned-lines-ref.png
svg-background-no-natural-size-ref.png LibWeb/SVG: Implement cap_style, join_style for Skia painting backend 2025-03-13 15:09:41 +01:00
svg-clip-path-and-mask-ref.png
svg-clip-path-transform-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
svg-clip-rule-ref.png
svg-filters-lb-website-ref.png LibWeb: Allow <svg> to establish a stacking context 2025-07-12 11:01:15 +02:00
svg-foreign-object-mask-ref.png
svg-gradient-paint-transformation-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
svg-gradient-spreadMethod-ref.png
svg-gradient-userSpaceOnUse-ref.png LibGfx: Round values in Color::with_opacity() 2024-11-21 11:59:44 +00:00
svg-maskContentUnits-ref.png
svg-non-local-clip-path-ref.png
svg-path-offset-rounding-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
svg-paths-cardinal-directions-less-than-1px-wide-ref.png LibWeb: Prevent paths thinner than 1px from disappearing 2025-01-07 09:05:04 +00:00
svg-radialGradient-ref.png
svg-simple-clipPath-ref.png
svg-stroke-paintstyle-with-opacity-ref.png
svg-stroke-styles-ref.png LibWeb+LibGfx: Paint dash array and offset for SVG and Canvas 2025-04-14 18:00:38 +01:00
svg-text-effects-ref.png LibWeb: Apply the paint transformation in SVGGradientElement 2024-11-15 23:21:13 +01:00
svg-textPath-ref.png LibWeb/Painting: Fix blending with viewport background 2025-04-01 13:38:00 +02:00
text-decorations.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
text-direction-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00
text-shadow-ref.png LibWeb: Scale font size by 1.15 for line-height: normal 2025-05-05 13:15:56 +02:00