Skip to content

Commit

Permalink
Site: Modal Footer buttons should be wrapped in modal-item-*
Browse files Browse the repository at this point in the history
  • Loading branch information
@pat270
pat270 committed Apr 18, 2018
1 parent 298a1e0 commit 960f391
Showing 1 changed file with 80 additions and 60 deletions.
140 changes: 80 additions & 60 deletions packages/clay/src/content/modals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,12 +27,14 @@ <h3>Small Modal</h3>
<h4>Modal Body</h4>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -67,12 +69,14 @@ <h3>Default Modal</h3>
<h4>Modal Body</h4>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -109,12 +113,14 @@ <h3>Large Modal</h3>
<h4><a href="#1">Modal Body</a></h4>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -169,12 +175,14 @@ <h4>Modal Body</h4>
</div>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -289,12 +297,14 @@ <h4>Modal Body</h4>
</div>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -346,12 +356,14 @@ <h4>Modal Body</h4>
</div>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -388,12 +400,14 @@ <h3>Modal Body Iframe</h3>
<iframe src="{{rootPath}}/content/test-users-and-organizations/"></iframe>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<a class="btn btn-secondary" data-dismiss="modal" href="#1" role="button">Cancel</a>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<a class="btn btn-secondary" data-dismiss="modal" href="#1" role="button">Cancel</a>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Add</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -440,12 +454,14 @@ <h4>Modal Body</h4>
</div>
<div class="modal-item">Some other content</div>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -476,12 +492,14 @@ <h4>Modal Body</h4>
<h4>Modal Body</h4>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -551,12 +569,14 @@ <h4>Modal Body</h4>
<h4>Modal Body</h4>
</div>
<div class="modal-footer">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
<div class="modal-item-last">
<div class="btn-group">
<div class="btn-group-item">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
</div>
<div class="btn-group-item">
<button class="btn btn-primary" type="button">Primary</button>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 960f391

Please sign in to comment.