Skip to content

Commit d41a52d

Browse files
ToolboxAidToolboxAid
committed
Format user-controls.html
1 parent d615e63 commit d41a52d

1 file changed

Lines changed: 47 additions & 26 deletions

File tree

‎account/user-controls.html‎

Lines changed: 47 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@
1717
<div class="container">
1818
<div class="kicker">Account</div>
1919
<h1>User Controls</h1>
20-
<p class="lede">Map your physical keyboard, mouse, game controller, joystick, or touch controls to generic normalized controls.</p>
20+
<p class="lede">Map your physical keyboard, mouse, game controller, joystick, or touch controls to
21+
generic normalized controls.</p>
2122
</div>
2223
</section>
2324
<section class="section">
@@ -28,16 +29,20 @@ <h1>User Controls</h1>
2829
<div>
2930
<div class="kicker">User Controls</div>
3031
<h2>Physical Input Mapping</h2>
31-
<p>User Controls resolves physical input to normalized controls. Game behavior stays in Game Controls.</p>
32+
<p>User Controls resolves physical input to normalized controls. Game behavior stays in Game
33+
Controls.</p>
3234
</div>
33-
<p class="status" role="status" data-account-user-controls-selected-device-status>Default Profile</p>
35+
<p class="status" role="status" data-account-user-controls-selected-device-status>Default
36+
Profile</p>
3437
<div class="accordion-stack">
3538
<details class="vertical-accordion" open data-account-user-controls-section="Keyboard">
3639
<summary>Keyboard</summary>
3740
<div class="accordion-body content-stack">
38-
<p class="status">Default Profile. Create my profile to save your own keyboard mappings.</p>
41+
<p class="status">Default Profile. Create my profile to save your own keyboard
42+
mappings.</p>
3943
<div class="table-wrapper">
40-
<table class="data-table" aria-label="Keyboard user control profile" data-account-user-controls-table="Keyboard">
44+
<table class="data-table" aria-label="Keyboard user control profile"
45+
data-account-user-controls-table="Keyboard">
4146
<thead>
4247
<tr>
4348
<th>Selected Device</th>
@@ -47,20 +52,24 @@ <h2>Physical Input Mapping</h2>
4752
<th>Actions</th>
4853
</tr>
4954
</thead>
50-
<tbody data-account-user-controls-list data-account-user-controls-list-family="Keyboard"></tbody>
55+
<tbody data-account-user-controls-list
56+
data-account-user-controls-list-family="Keyboard"></tbody>
5157
</table>
5258
</div>
5359
<div class="content-cluster" aria-label="Keyboard user controls">
54-
<button class="btn" type="button" data-account-user-controls-edit-family="Keyboard">Create my profile</button>
60+
<button class="btn" type="button"
61+
data-account-user-controls-edit-family="Keyboard">Create my profile</button>
5562
</div>
5663
</div>
5764
</details>
5865
<details class="vertical-accordion" open data-account-user-controls-section="Mouse">
5966
<summary>Mouse</summary>
6067
<div class="accordion-body content-stack">
61-
<p class="status">Default Profile. Create my profile to save your own mouse mappings.</p>
68+
<p class="status">Default Profile. Create my profile to save your own mouse
69+
mappings.</p>
6270
<div class="table-wrapper">
63-
<table class="data-table" aria-label="Mouse user control profile" data-account-user-controls-table="Mouse">
71+
<table class="data-table" aria-label="Mouse user control profile"
72+
data-account-user-controls-table="Mouse">
6473
<thead>
6574
<tr>
6675
<th>Selected Device</th>
@@ -73,20 +82,23 @@ <h2>Physical Input Mapping</h2>
7382
<th>Actions</th>
7483
</tr>
7584
</thead>
76-
<tbody data-account-user-controls-list data-account-user-controls-list-family="Mouse"></tbody>
85+
<tbody data-account-user-controls-list
86+
data-account-user-controls-list-family="Mouse"></tbody>
7787
</table>
7888
</div>
7989
<div class="content-cluster" aria-label="Mouse user controls">
80-
<button class="btn" type="button" data-account-user-controls-edit-family="Mouse">Create my profile</button>
90+
<button class="btn" type="button"
91+
data-account-user-controls-edit-family="Mouse">Create my profile</button>
8192
</div>
8293
</div>
8394
</details>
84-
<details class="vertical-accordion" open data-account-user-controls-section="Game Controllers">
95+
<details class="vertical-accordion" open
96+
data-account-user-controls-section="Game Controllers">
8597
<summary>Game Controllers</summary>
8698
<div class="accordion-body content-stack">
87-
8899
<div class="table-wrapper">
89-
<table class="data-table" aria-label="Account user control profiles" data-account-user-controls-table>
100+
<table class="data-table" aria-label="Account user control profiles"
101+
data-account-user-controls-table>
90102
<thead>
91103
<tr>
92104
<th>Selected Device</th>
@@ -99,35 +111,44 @@ <h2>Physical Input Mapping</h2>
99111
<th>Actions</th>
100112
</tr>
101113
</thead>
102-
<tbody data-account-user-controls-list data-account-user-controls-list-family="Gamepad"></tbody>
114+
<tbody data-account-user-controls-list
115+
data-account-user-controls-list-family="Gamepad"></tbody>
103116
</table>
104117
</div>
105118
</div>
106-
<p class="status" role="status" data-account-user-controls-device-status>Game controllers auto-detect after the browser exposes them.</p>
119+
<p class="status" role="status" data-account-user-controls-device-status>Game
120+
controllers auto-detect after the browser exposes them.</p>
107121

108-
<div class="content-cluster content-cluster--nowrap" aria-label="Account controller device selection">
109-
<button class="btn" type="button" data-account-user-controls-refresh>Refresh Devices</button>
110-
<label class="field-label" for="account-user-controls-device">Controller</label>
111-
<select class="content-cluster__grow" id="account-user-controls-device" data-account-user-controls-device></select>
112-
<button class="btn" type="button" data-account-user-controls-add-profile>Create User Control Profile</button>
113-
</div>
122+
<div class="content-cluster content-cluster--nowrap"
123+
aria-label="Account controller device selection">
124+
<button class="btn" type="button" data-account-user-controls-refresh>Refresh
125+
Devices</button>
126+
<label class="field-label" for="account-user-controls-device">Controller</label>
127+
<select class="content-cluster__grow" id="account-user-controls-device"
128+
data-account-user-controls-device></select>
129+
<button class="btn" type="button" data-account-user-controls-add-profile>Create User
130+
Control Profile</button>
131+
</div>
114132
</details>
115133
<details class="vertical-accordion" data-account-user-controls-section="Combo Inputs">
116134
<summary>Combo Inputs</summary>
117135
<div class="accordion-body content-stack">
118-
<p class="status">Wireframe only: Keyboard Shift + Mouse Right Click can be planned here later.</p>
136+
<p class="status">Wireframe only: Keyboard Shift + Mouse Right Click can be planned
137+
here later.</p>
119138
</div>
120139
</details>
121140
<details class="vertical-accordion" open>
122141
<summary>Supported Control Types</summary>
123142
<div class="accordion-body">
124-
<ul class="list--multi-column list--multi-column-3" data-account-user-controls-types></ul>
143+
<ul class="list--multi-column list--multi-column-3"
144+
data-account-user-controls-types></ul>
125145
</div>
126146
</details>
127147
<details class="vertical-accordion" open>
128148
<summary>Status</summary>
129149
<div class="accordion-body">
130-
<div class="status" role="status" data-account-user-controls-status>User Controls ready.</div>
150+
<div class="status" role="status" data-account-user-controls-status>User Controls
151+
ready.</div>
131152
</div>
132153
</details>
133154
</div>
@@ -141,4 +162,4 @@ <h2>Physical Input Mapping</h2>
141162
<script type="module" src="user-controls.js"></script>
142163
</body>
143164

144-
</html>
165+
</html>

0 commit comments

Comments
 (0)