Skip to content

Commit cc9249c

Browse files
author
Cornelis G. A. Kolbach
committed
Update patterns
1 parent 1bb65a0 commit cc9249c

File tree

1 file changed

+35
-28
lines changed

1 file changed

+35
-28
lines changed

‎src/pat/checklist/index.html‎

Lines changed: 35 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -18,25 +18,22 @@
1818
<body>
1919
<div class="functions" id="ElemOutsidePatChecklist">
2020
<h3>Select / Deselect all for exmaple 2</h3>
21-
<button class="small pat-button select-all">
22-
Select all
23-
</button>
24-
<button class="small pat-button deselect-all">
25-
Deselect all
26-
</button>
21+
<div class="pat-toolbar">
22+
<div class="toggles list-functions pat-button-cluster">
23+
<button class="pat-button select-all">Select all</button>
24+
<button class="pat-button deselect-all">Deselect all</button>
25+
</div>
2726
</div>
2827

2928
<form class="vertical row">
3029
<div class="six columns">
3130
<h3>Example 1: Checkboxes</h3>
3231
<fieldset class="pat-checklist checklist">
33-
<div class="functions">
34-
<button class="small pat-button select-all">
35-
Select all
36-
</button>
37-
<button class="small pat-button deselect-all">
38-
Deselect all
39-
</button>
32+
<div class="pat-toolbar">
33+
<div class="toggles list-functions pat-button-cluster">
34+
<button class="pat-button select-all">Select all</button>
35+
<button class="pat-button deselect-all">Deselect all</button>
36+
</div>
4037
</div>
4138

4239
<label
@@ -88,30 +85,38 @@ <h3>Example 3: Hierarchy of Checkboxes</h3>
8885
buttons and its children.
8986
</p>
9087
<fieldset class="pat-checklist">
91-
<div class="button-cluster">
92-
<button type="button" class="small pat-button select-all">Select all</button>
93-
<button type="button" class="small pat-button deselect-all">Deselect all</button>
88+
<div class="pat-toolbar">
89+
<div class="toggles list-functions pat-button-cluster">
90+
<button class="pat-button select-all">Select all</button>
91+
<button class="pat-button deselect-all">Deselect all</button>
92+
</div>
9493
</div>
9594
<fieldset class="pat-checklist-sub">
9695
<legend>Customer Experience</legend>
97-
<div class="button-cluster">
98-
<button type="button" class="small pat-button select-all">Select all</button>
99-
<button type="button" class="small pat-button deselect-all">Deselect all</button>
96+
<div class="pat-toolbar">
97+
<div class="toggles list-functions pat-button-cluster">
98+
<button class="pat-button select-all">Select all</button>
99+
<button class="pat-button deselect-all">Deselect all</button>
100+
</div>
100101
</div>
101102
<fieldset class="pat-checklist-sub">
102103
<legend class="label icon-squares">Airport experience and servicing</legend>
103-
<div class="button-cluster">
104-
<button type="button" class="small pat-button select-all">Select all</button>
105-
<button type="button" class="small pat-button deselect-all">Deselect all</button>
104+
<div class="pat-toolbar">
105+
<div class="toggles list-functions pat-button-cluster">
106+
<button class="pat-button select-all">Select all</button>
107+
<button class="pat-button deselect-all">Deselect all</button>
108+
</div>
106109
</div>
107110
<label><input type="checkbox"> A1.1 Fast Bag Drop</label>
108111
<label><input type="checkbox"> A1.2 Self-bag tagging</label>
109112
</fieldset>
110113
<fieldset class="pat-checklist-sub">
111114
<legend>2. Baggage</legend>
112-
<div class="button-cluster">
113-
<button type="button" class="small pat-button select-all">Select all</button>
114-
<button type="button" class="small pat-button deselect-all">Deselect all</button>
115+
<div class="pat-toolbar">
116+
<div class="toggles list-functions pat-button-cluster">
117+
<button class="pat-button select-all">Select all</button>
118+
<button class="pat-button deselect-all">Deselect all</button>
119+
</div>
115120
</div>
116121
<label><input type="checkbox">A2.1 Special baggage procedures</label>
117122
<label><input type="checkbox">A2.2 Baggage Tag Format</label>
@@ -121,9 +126,11 @@ <h3>Example 3: Hierarchy of Checkboxes</h3>
121126
<legend>Benefits &amp; Recognition</legend>
122127
<fieldset class="pat-checklist-sub">
123128
<legend class="label icon-squares">1. Benefits</legend>
124-
<div class="button-cluster">
125-
<button type="button" class="small pat-button select-all">Select all</button>
126-
<button type="button" class="small pat-button deselect-all">Deselect all</button>
129+
<div class="pat-toolbar">
130+
<div class="toggles list-functions pat-button-cluster">
131+
<button class="pat-button select-all">Select all</button>
132+
<button class="pat-button deselect-all">Deselect all</button>
133+
</div>
127134
</div>
128135
<label><input type="checkbox">B1.1 Star Alliance Gold check-in &amp; Fast Bag Drop</label>
129136
<label><input type="checkbox">B1.2 Star Alliance Gold Track Security / Immigration</label>

0 commit comments

Comments
 (0)