Source code
Revision control
Copy as Markdown
Other Tools
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<!--
panel-list/panel-item from a lit template seems to cause late upgrades.
Specifically, doing something like the following:
<panel-list>
<panel-item .disabled=${true}>I'm disabled</panel-item>
</panel-list>
doesn't seem to trigger the disabled setter on panel-item.
-->
<script src="chrome://global/content/elements/panel-list.js"></script>
<script
type="module"
src="chrome://global/content/megalist/MegalistAlpha.mjs"
></script>
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
<link
rel="stylesheet"
href="chrome://global/content/megalist/megalist.css"
/>
<link rel="localization" href="branding/brand.ftl" />
<link rel="localization" href="preview/megalist.ftl" />
<link rel="localization" href="browser/aboutLogins.ftl" />
</head>
<body>
<megalist-alpha></megalist-alpha>
<template id="lineElement">
<li class="line">
<div class="content"></div>
<div class="menuButton">
<button
data-l10n-id="menu-more-options-button"
aria-haspopup="true"
aria-expanded="false"
></button>
</div>
</li>
</template>
<template id="collapsedSectionTemplate">
<div class="content section">
<img
class="icon collapsed"
draggable="false"
src="chrome://global/skin/icons/arrow-down.svg"
/>
<h4 class="label"></h4>
</div>
</template>
<template id="expandedSectionTemplate">
<div class="content section">
<img
class="icon expanded"
draggable="false"
src="chrome://global/skin/icons/arrow-up.svg"
/>
<h4 class="label"></h4>
<div class="value"></div>
</div>
</template>
<template id="lineTemplate">
<div class="content">
<div class="label"></div>
<div class="stickers"></div>
<div class="value">
<img class="icon" />
<span></span>
</div>
</div>
</template>
<template id="editingLineTemplate">
<div class="content">
<div class="label"></div>
<div class="value">
<img class="icon" />
<input type="text" />
</div>
<div class="stickers"></div>
</div>
</template>
</body>
</html>