Content-Length: 650651 | pFad | http://github.com/github/details-menu-element/commit/eb98e3862baf1cefce9f2f5df0359989290d74b9

BE Prettier. · github/details-menu-element@eb98e38 · GitHub
Skip to content

Commit eb98e38

Browse files
pablonetepablonete
committed
Prettier.
1 parent 04474bb commit eb98e38

File tree

1 file changed

+81
-76
lines changed

1 file changed

+81
-76
lines changed

‎examples/index.html

Lines changed: 81 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,90 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<title>details-menu demo</title>
6-
<style>
7-
details-menu {
8-
background: white;
9-
border: 1px solid;
10-
display: block;
11-
padding: 4px;
12-
width: 200px;
13-
}
14-
button, label[tabindex] {
15-
font-family: inherit;
16-
font-size: inherit;
17-
display: block;
18-
background: none;
19-
border: 0;
20-
width: 100%;
21-
text-align: left;
22-
padding: 0;
23-
}
24-
</style>
25-
</head>
26-
<body>
27-
<h1>Base examples</h1>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>details-menu demo</title>
6+
<style>
7+
details-menu {
8+
background: white;
9+
border: 1px solid;
10+
display: block;
11+
padding: 4px;
12+
width: 200px;
13+
}
14+
button,
15+
label[tabindex] {
16+
font-family: inherit;
17+
font-size: inherit;
18+
display: block;
19+
background: none;
20+
border: 0;
21+
width: 100%;
22+
text-align: left;
23+
padding: 0;
24+
}
25+
</style>
26+
</head>
27+
<body>
28+
<h1>Base examples</h1>
2829

29-
<details>
30-
<summary>Best robot: <span data-menu-button>Unknown</span></summary>
31-
<details-menu>
32-
<button type="button" role="menuitem" data-menu-button-text>Hubot</button>
33-
<button type="button" role="menuitem" data-menu-button-text>Bender</button>
34-
<button type="button" role="menuitem" data-menu-button-text>BB-8</button>
35-
</details-menu>
36-
</details>
30+
<details>
31+
<summary>Best robot: <span data-menu-button>Unknown</span></summary>
32+
<details-menu>
33+
<button type="button" role="menuitem" data-menu-button-text>Hubot</button>
34+
<button type="button" role="menuitem" data-menu-button-text>Bender</button>
35+
<button type="button" role="menuitem" data-menu-button-text>BB-8</button>
36+
</details-menu>
37+
</details>
3738

38-
<details>
39-
<summary>Best robot: <span data-menu-button>Unknown</span></summary>
40-
<details-menu>
41-
<label tabindex="0" role="menuitemradio" data-menu-button-text><input type="radio" name="robot"> Hubot</label>
42-
<label tabindex="0" role="menuitemradio" data-menu-button-text><input type="radio" name="robot"> Bender</label>
43-
<label tabindex="0" role="menuitemradio" data-menu-button-text><input type="radio" name="robot"> BB-8</label>
44-
</details-menu>
45-
</details>
39+
<details>
40+
<summary>Best robot: <span data-menu-button>Unknown</span></summary>
41+
<details-menu>
42+
<label tabindex="0" role="menuitemradio" data-menu-button-text><input type="radio" name="robot" /> Hubot</label>
43+
<label tabindex="0" role="menuitemradio" data-menu-button-text
44+
><input type="radio" name="robot" /> Bender</label
45+
>
46+
<label tabindex="0" role="menuitemradio" data-menu-button-text><input type="radio" name="robot" /> BB-8</label>
47+
</details-menu>
48+
</details>
4649

47-
<details>
48-
<summary>Favorite robots</summary>
49-
<details-menu>
50-
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot"> Hubot</label>
51-
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot"> Bender</label>
52-
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot"> BB-8</label>
53-
</details-menu>
54-
</details>
50+
<details>
51+
<summary>Favorite robots</summary>
52+
<details-menu>
53+
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot" /> Hubot</label>
54+
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot" /> Bender</label>
55+
<label tabindex="0" role="menuitemcheckbox"><input type="checkbox" name="robot" /> BB-8</label>
56+
</details-menu>
57+
</details>
5558

56-
<details>
57-
<summary data-menu-button>Favorite robots</summary>
58-
<details-menu>
59-
<button type="submit" name="robot" value="Hubot" role="menuitemradio" data-menu-button-text>Hubot</button>
60-
<button type="submit" name="robot" value="Bender" role="menuitemradio" data-menu-button-text>Bender</button>
61-
<button type="submit" name="robot" value="BB-8" role="menuitemradio" data-menu-button-text>BB-8</button>
62-
</details-menu>
63-
</details>
59+
<details>
60+
<summary data-menu-button>Favorite robots</summary>
61+
<details-menu>
62+
<button type="submit" name="robot" value="Hubot" role="menuitemradio" data-menu-button-text>Hubot</button>
63+
<button type="submit" name="robot" value="Bender" role="menuitemradio" data-menu-button-text>Bender</button>
64+
<button type="submit" name="robot" value="BB-8" role="menuitemradio" data-menu-button-text>BB-8</button>
65+
</details-menu>
66+
</details>
6467

65-
<h1>Autofocus example</h1>
66-
<p><code>summary</code> may have <code>autofocus</code> so it's the initially focused element in the page.</p>
67-
<p>Then any focusable element inside the popup can declare autofocus too, so it gets focus when the popup is opened.</p>
68+
<h1>Autofocus example</h1>
69+
<p><code>summary</code> may have <code>autofocus</code> so it's the initially focused element in the page.</p>
70+
<p>
71+
Then any focusable element inside the popup can declare autofocus too, so it gets focus when the popup is opened.
72+
</p>
6873

69-
<details>
70-
<summary data-menu-button autofocus>Autofocus picker</summary>
71-
<details-menu>
72-
<input type="text" autofocus />
73-
<button type="submit" name="robot" value="Hubot" role="menuitemradio" data-menu-button-text>Hubot</button>
74-
<button type="submit" name="robot" value="Bender" role="menuitemradio" data-menu-button-text>Bender</button>
75-
<button type="submit" name="robot" value="BB-8" role="menuitemradio" data-menu-button-text>BB-8</button>
76-
</details-menu>
77-
</details>
74+
<details>
75+
<summary data-menu-button autofocus>Autofocus picker</summary>
76+
<details-menu>
77+
<input type="text" autofocus />
78+
<button type="submit" name="robot" value="Hubot" role="menuitemradio" data-menu-button-text>Hubot</button>
79+
<button type="submit" name="robot" value="Bender" role="menuitemradio" data-menu-button-text>Bender</button>
80+
<button type="submit" name="robot" value="BB-8" role="menuitemradio" data-menu-button-text>BB-8</button>
81+
</details-menu>
82+
</details>
7883

79-
<script type="text/javascript">
80-
document.addEventListener('details-menu-selected', e => console.log(e))
81-
</script>
82-
<!-- <script type="module" src="../dist/index.js"></script> -->
83-
<script type="module" src="https://unpkg.com/@github/details-menu-element@latest?module"></script>
84-
</body>
84+
<script type="text/javascript">
85+
document.addEventListener('details-menu-selected', e => console.log(e))
86+
</script>
87+
<!-- <script type="module" src="../dist/index.js"></script> -->
88+
<script type="module" src="https://unpkg.com/@github/details-menu-element@latest?module"></script>
89+
</body>
8590
</html>

0 commit comments

Comments
 (0)








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/github/details-menu-element/commit/eb98e3862baf1cefce9f2f5df0359989290d74b9

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy