diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /comm/mail/base/test/browser/files/tree-element-test-levels.xhtml | |
parent | Initial commit. (diff) | |
download | thunderbird-upstream.tar.xz thunderbird-upstream.zip |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | comm/mail/base/test/browser/files/tree-element-test-levels.xhtml | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/comm/mail/base/test/browser/files/tree-element-test-levels.xhtml b/comm/mail/base/test/browser/files/tree-element-test-levels.xhtml new file mode 100644 index 0000000000..1175887e74 --- /dev/null +++ b/comm/mail/base/test/browser/files/tree-element-test-levels.xhtml @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <meta charset="utf-8" /> + <title>Test for the tree-view custom element</title> + <link rel="stylesheet" href="chrome://messenger/skin/shared/tree-listbox.css" /> + <style> + :root { + --color-gray-20: gray; + --selected-item-color: rebeccapurple; + --selected-item-text-color: white; + } + + .tree-view-scrollable-container { + height: 630px; + scroll-behavior: unset; + } + + tr[is="test-row"] td > div { + display: flex; + align-items: center; + } + + button.threader { + width: 1em; + height: 1em; + } + + div.twisty { + width: 1em; + height: 1em; + } + + tr[is="test-row"].children button.threader { + display: inline-block; + } + + tr[is="test-row"] button.threader { + display: hidden; + } + + tr[is="test-row"].children div.twisty { + background-color: green; + } + + tr[is="test-row"].children.collapsed div.twisty { + background-color: red; + } + + tr[is="test-row"].level1 .d2 { + padding-inline-start: 1em; + } + + tr[is="test-row"].level2 .d2 { + padding-inline-start: 2em; + } + </style> + <script type="module" defer="defer" src="chrome://messenger/content/tree-view.mjs"></script> + <script defer="defer" src="chrome://messenger/content/jsTreeView.js"></script> + <script defer="defer" src="tree-element-test-levels.js"></script> +</head> +<body> + <tree-view id="testTree" data-select-delay="250"/> +</body> +</html> |