b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
56 lines
1.6 KiB
HTML
Executable file
56 lines
1.6 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Edit mode</title>
|
|
<meta name="description" content="Starts an edition mode for adding or removing items">
|
|
|
|
<link rel="stylesheet" href="../edit_mode.css">
|
|
|
|
<!-- Web Components -->
|
|
<link rel="stylesheet" type="text/css" href="../../elements/gaia-icons/gaia-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="../../elements/gaia-theme/gaia-theme.css">
|
|
<script defer src="../../elements/config.js"></script>
|
|
<script defer src="../../elements/gaia-header/dist/gaia-header.js"></script>
|
|
|
|
<!--
|
|
- This <style> element is only used for the example code;
|
|
- it is not required for the real use case.
|
|
-->
|
|
<style type="text/css">
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 10px;
|
|
background-color: #fff;
|
|
}
|
|
body {
|
|
background: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body role="application">
|
|
|
|
<form role="dialog" data-type="edit">
|
|
<section role="region" class="theme-settings">
|
|
<!--
|
|
- Please ref https://bugzilla.mozilla.org/show_bug.cgi?id=760436#c1
|
|
- if you want to run the example temporary but unable to load the icon
|
|
- correctly. Here is the correct way to apply gaia icon:
|
|
- https://developer.mozilla.org/en-US/Apps/Design/Firefox_OS_icon_font
|
|
-->
|
|
<gaia-header id="header" action="close">
|
|
<h1>Edit</h1>
|
|
<button>Done</button>
|
|
</gaia-header>
|
|
</section>
|
|
<menu>
|
|
<button disabled>Deselect all</button>
|
|
<button>Select all</button>
|
|
</menu>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|