Skip to content

Commit 394d504

Browse files
KristinLBradleyKristinLBradley
committed
HDS-4532 Update placeholder heights in some Showcase examples
1 parent 652e0da commit 394d504

File tree

1 file changed

+39
-39
lines changed

1 file changed

+39
-39
lines changed

‎showcase/app/templates/layouts/grid.hbs

+39-39
Original file line numberDiff line numberDiff line change
@@ -14,43 +14,43 @@
1414
<SG.Item @label="No min width columns (min-width defaults to 0px)">
1515
<Shw::Outliner>
1616
<Hds::Layout::Grid @gap="48">
17-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
18-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
19-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
20-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
17+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
18+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
19+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
20+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
2121
</Hds::Layout::Grid>
2222
</Shw::Outliner>
2323
</SG.Item>
2424

2525
<SG.Item @label="250px min width columns">
2626
<Shw::Outliner>
2727
<Hds::Layout::Grid @gap="48" @columnMinWidth="250px">
28-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
29-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
30-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
31-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
28+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
29+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
30+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
31+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
3232
</Hds::Layout::Grid>
3333
</Shw::Outliner>
3434
</SG.Item>
3535

3636
<SG.Item @label="33.33% min width columns">
3737
<Shw::Outliner>
3838
<Hds::Layout::Grid @gap="48" @columnMinWidth="33.33%">
39-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
40-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
41-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
42-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
39+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
40+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
41+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
42+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
4343
</Hds::Layout::Grid>
4444
</Shw::Outliner>
4545
</SG.Item>
4646

4747
<SG.Item @label="40em min width columns">
4848
<Shw::Outliner>
4949
<Hds::Layout::Grid @gap="48" @columnMinWidth="40em">
50-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
51-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
52-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
53-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
50+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
51+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
52+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
53+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
5454
</Hds::Layout::Grid>
5555
</Shw::Outliner>
5656
</SG.Item>
@@ -204,16 +204,16 @@
204204
<Shw::Outliner>
205205
<Hds::Layout::Grid @columnMinWidth="250px" @gap="12" as |HLG|>
206206
<HLG.Item @colSpan="2">
207-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
207+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
208208
</HLG.Item>
209209
<HLG.Item>
210-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
210+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
211211
</HLG.Item>
212212
<HLG.Item>
213-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
213+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
214214
</HLG.Item>
215215
<HLG.Item>
216-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
216+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
217217
</HLG.Item>
218218
</Hds::Layout::Grid>
219219
</Shw::Outliner>
@@ -223,16 +223,16 @@
223223
<Shw::Outliner>
224224
<Hds::Layout::Grid @columnMinWidth="250px" @gap="12" as |HLG|>
225225
<HLG.Item @colSpan="3">
226-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
226+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
227227
</HLG.Item>
228228
<HLG.Item>
229-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
229+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
230230
</HLG.Item>
231231
<HLG.Item>
232-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
232+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
233233
</HLG.Item>
234234
<HLG.Item>
235-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
235+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
236236
</HLG.Item>
237237
</Hds::Layout::Grid>
238238
</Shw::Outliner>
@@ -242,16 +242,16 @@
242242
<Shw::Outliner>
243243
<Hds::Layout::Grid @columnMinWidth="250px" @gap="12" as |HLG|>
244244
<HLG.Item @colSpan="4">
245-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
245+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
246246
</HLG.Item>
247247
<HLG.Item>
248-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
248+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
249249
</HLG.Item>
250250
<HLG.Item>
251-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
251+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
252252
</HLG.Item>
253253
<HLG.Item>
254-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
254+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
255255
</HLG.Item>
256256
</Hds::Layout::Grid>
257257
</Shw::Outliner>
@@ -268,13 +268,13 @@
268268
<Shw::Placeholder @text="#1" @height="100%" @background="#e4c5f3" />
269269
</HLG.Item>
270270
<HLG.Item>
271-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
271+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
272272
</HLG.Item>
273273
<HLG.Item>
274-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
274+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
275275
</HLG.Item>
276276
<HLG.Item>
277-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
277+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
278278
</HLG.Item>
279279
</Hds::Layout::Grid>
280280
</Shw::Outliner>
@@ -284,16 +284,16 @@
284284
<Shw::Outliner>
285285
<Hds::Layout::Grid @columnMinWidth="50%" @gap="12" as |HLG|>
286286
<HLG.Item>
287-
<Shw::Placeholder @text="#1" @height="24" @background="#e4c5f3" />
287+
<Shw::Placeholder @text="#1" @height="40" @background="#e4c5f3" />
288288
</HLG.Item>
289289
<HLG.Item @rowSpan="3">
290290
<Shw::Placeholder @text="#2" @height="100%" @background="#e5ffd2" />
291291
</HLG.Item>
292292
<HLG.Item>
293-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
293+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
294294
</HLG.Item>
295295
<HLG.Item>
296-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
296+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
297297
</HLG.Item>
298298
</Hds::Layout::Grid>
299299
</Shw::Outliner>
@@ -310,19 +310,19 @@
310310
<Shw::Placeholder @text="#1" @height="100%" @background="#e4c5f3" />
311311
</HLG.Item>
312312
<HLG.Item>
313-
<Shw::Placeholder @text="#2" @height="24" @background="#e5ffd2" />
313+
<Shw::Placeholder @text="#2" @height="40" @background="#e5ffd2" />
314314
</HLG.Item>
315315
<HLG.Item>
316-
<Shw::Placeholder @text="#3" @height="24" @background="#d2f4ff" />
316+
<Shw::Placeholder @text="#3" @height="40" @background="#d2f4ff" />
317317
</HLG.Item>
318318
<HLG.Item>
319-
<Shw::Placeholder @text="#4" @height="24" @background="#fff8d2" />
319+
<Shw::Placeholder @text="#4" @height="40" @background="#fff8d2" />
320320
</HLG.Item>
321321
<HLG.Item>
322-
<Shw::Placeholder @text="#5" @height="24" @background="#f3d9c5" />
322+
<Shw::Placeholder @text="#5" @height="40" @background="#f3d9c5" />
323323
</HLG.Item>
324324
<HLG.Item>
325-
<Shw::Placeholder @text="#6" @height="24" @background="#fee1ec" />
325+
<Shw::Placeholder @text="#6" @height="40" @background="#fee1ec" />
326326
</HLG.Item>
327327
</Hds::Layout::Grid>
328328
</Shw::Outliner>

0 commit comments

Comments
 (0)