diff options
Diffstat (limited to 'comm/mail/base/test/browser/files/selectionWidget.xhtml')
| -rw-r--r-- | comm/mail/base/test/browser/files/selectionWidget.xhtml | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/comm/mail/base/test/browser/files/selectionWidget.xhtml b/comm/mail/base/test/browser/files/selectionWidget.xhtml new file mode 100644 index 0000000000..e5f66fc30c --- /dev/null +++ b/comm/mail/base/test/browser/files/selectionWidget.xhtml @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <meta charset="utf-8" /> + <title>Test for SelectionWidgetController</title> + <style> + test-selection-widget { + display: flex; + align-items: start; + border: 1px solid black; + width: 600px; + height: 600px; + overflow: auto; + } + + test-selection-widget[layout-direction="vertical"] { + flex-direction: column; + } + + /* Fit 20 items in the view. */ + test-selection-widget[layout-direction="vertical"] > * { + height: 30px; + } + test-selection-widget[layout-direction="horizontal"] > * { + width: 30px; + writing-mode: vertical-rl; + } + + test-selection-widget > * { + padding-inline: 10px; + box-sizing: border-box; + border: 1px solid grey; + white-space: nowrap; + flex: 0 0 auto; + } + + .selected { + background: pink; + } + + :focus { + outline: 3px dashed black; + outline-offset: -3px; + } + + :focus-visible { + outline-color: blue; + } + </style> + <!-- Load the SelectionWidgetController class inline if testing in a browser. + <script src="../../../../modules/SelectionWidgetController.jsm"></script> + --> + <script defer="defer" src="selectionWidget.js"></script> +</head> +<body> +</body> +</html> |