mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-08-20 03:13:09 +09:00
9c783146b2
Part 1: Remove current table item, as it's never set. Part 2: Get rid of generic table painting code, and handle each class separately. Part 4: Hoist outline skipping into col(group) frame code. Part 5: Skip box-shadow for table column and column groups. Part 6: Store column and column group backgrounds separately, and then append them before the rest of the table contents. Part 7: Pass rects in display list coordinates to AppendBackgroundItemsToTop. Part 8: Create column and column group background display items as part of the cell's BuildDisplayList. Part 9: Used cached values instead of calling nsDisplayListBuilder::ToReferenceFrame when possible, since it can be expensive when the requested frame isn't the builder's current frame. Part 10: Make sure we build display items for table parts where only the normal position is visible, since we may need to create background items for ancestors at that position. Part 11: Create an AutoBuildingDisplayList when we create background items for table columns and column groups, so that we initialize the invalidation state correctly.
61 lines
1.5 KiB
HTML
61 lines
1.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html lang="en-US">
|
|
<head>
|
|
<title>Table background tests</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="Content-Style-Type" content="text/css">
|
|
<style type="text/css">
|
|
|
|
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
|
body { padding: 15px; }
|
|
|
|
/*
|
|
table {
|
|
margin: 0px 3px 2px 4px;
|
|
border-width: 4px 2px 8px 6px;
|
|
|
|
height is 97px:
|
|
(2px of border outside height)
|
|
extra border width for top row: 0
|
|
cell * 5: == 19px * 5 == 95px
|
|
border-top: 2px;
|
|
padding-top: 1px;
|
|
height: 10px;
|
|
padding-bottom: 4px;
|
|
border-bottom: 2px;
|
|
extra border width for top row: 2px
|
|
(4px of border outside height)
|
|
|
|
width is 287px:
|
|
(3px of border outside width)
|
|
extra border width for left column: 2px
|
|
cell * 5: == 57px * 5 == 285px
|
|
border-left: 1px;
|
|
padding-left: 3px;
|
|
width: 50px;
|
|
padding-right: 2px;
|
|
border-right: 1px;
|
|
(1px of border outside width)
|
|
*/
|
|
|
|
div { width: 57px; height: 97px; margin: 2px 121px 8px 123px; }
|
|
div.color { background-color: aqua; }
|
|
|
|
div.imagetl, div.imagebr {
|
|
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
|
}
|
|
|
|
div.imagetl { background-position: 0 0; }
|
|
div.imagebr { background-position: 57px 97px; }
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="color"></div>
|
|
<div class="imagetl"></div>
|
|
<div class="imagebr"></div>
|
|
|
|
</body>
|
|
</html>
|