Skip to content

Commit

Permalink
Update demo markup | Fixes liferay#558
Browse files Browse the repository at this point in the history
  • Loading branch information
@matuzalemsteles
matuzalemsteles committed Feb 15, 2018
1 parent 9b600f9 commit 0b9c8c6
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 20 deletions.
20 changes: 10 additions & 10 deletions packages/clay-select/demos/a11y.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ <h1>Select</h1>

<div class="row row-spacing">
<div class="col">
<div id="inline-autofit-block" class="form-inline form-inline-autofit"></div>
<div id="inline-autofit-block" class="form-group-autofit"></div>
<h6>* In order to use inline-groups you may need to place it inside a .form-inline.form-inline-autofit container.</h6>
</div>
</div>
Expand All @@ -57,7 +57,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli

<div class="row row-spacing">
<div class="col">
<div id="inline-autofit-multiple-block" class="form-inline form-inline-autofit"></div>
<div id="inline-autofit-multiple-block" class="form-group-autofit"></div>
<h6>* In order to use inline-groups you may need to place it inside a .form-inline.form-inline-autofit container.</h6>
</div>
</div>
Expand All @@ -83,6 +83,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
new metal.ClaySelect(
{
label: 'Inline Autofit Select',
inline: true,
options: [
{
label: 'Option 1',
Expand All @@ -92,14 +93,14 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-block'
);
new metal.ClaySelect(
{
label: 'Inline Autofit Select 2',
inline: true,
options: [
{
label: 'Option 1',
Expand All @@ -109,8 +110,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-block'
);
Expand Down Expand Up @@ -173,6 +173,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
new metal.ClaySelect(
{
label: 'Inline Multiple Select',
inline: true,
multiple: true,
options: [
{
Expand All @@ -183,14 +184,14 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-multiple-block'
);
new metal.ClaySelect(
{
label: 'Inline Multiple Select 2',
inline: true,
multiple: true,
options: [
{
Expand All @@ -201,8 +202,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-multiple-block'
);
Expand Down
20 changes: 10 additions & 10 deletions packages/clay-select/demos/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ <h1>Select</h1>

<div class="row row-spacing">
<div class="col">
<div id="inline-autofit-block" class="form-inline form-inline-autofit"></div>
<div id="inline-autofit-block" class="form-group-autofit"></div>
<h6>* In order to use inline-groups you may need to place it inside a .form-inline.form-inline-autofit container.</h6>
</div>
</div>
Expand All @@ -57,7 +57,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli

<div class="row row-spacing">
<div class="col">
<div id="inline-autofit-multiple-block" class="form-inline form-inline-autofit"></div>
<div id="inline-autofit-multiple-block" class="form-group-autofit"></div>
<h6>* In order to use inline-groups you may need to place it inside a .form-inline.form-inline-autofit container.</h6>
</div>
</div>
Expand All @@ -83,6 +83,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
new metal.ClaySelect(
{
label: 'Inline Autofit Select',
inline: true,
options: [
{
label: 'Option 1',
Expand All @@ -92,14 +93,14 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-block'
);
new metal.ClaySelect(
{
label: 'Inline Autofit Select 2',
inline: true,
options: [
{
label: 'Option 1',
Expand All @@ -109,8 +110,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-block'
);
Expand Down Expand Up @@ -173,6 +173,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
new metal.ClaySelect(
{
label: 'Inline Multiple Select',
inline: true,
multiple: true,
options: [
{
Expand All @@ -183,14 +184,14 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-multiple-block'
);
new metal.ClaySelect(
{
label: 'Inline Multiple Select 2',
inline: true,
multiple: true,
options: [
{
Expand All @@ -201,8 +202,7 @@ <h6>* In order to use inline-groups you may need to place it inside a .form-inli
label: 'Option 2',
value: '2'
}
],
wrapperType: 'inline-group'
]
},
'#inline-autofit-multiple-block'
);
Expand Down

0 comments on commit 0b9c8c6

Please sign in to comment.