openstack/horizon
Code Issues Proposed changes

New Preview Page Needs All Sizes of Button Groups

Browse Source 
The new theme preview page is great, but its missing the other 3
possible sizes of dropdown button groups: 'lg', 'sm' and 'xs'.

Closes-Bug: #1519415
Change-Id: Iafdd3de34beaa29e6c3184195bf0d383ddac92ff
This commit is contained in:
Diana Whitten 2015-11-24 09:32:18 -07:00
parent f35da227b7
commit f7b67a49db
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
View File

@ -220,6 +220,44 @@
</div>
</div>
<div class="bs-container">
<div class="btn-toolbar bs-component">
<div class="btn-group">
<button translate type="button" class="btn btn-lg btn-default">Default</button>
<button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a translate href="#">Action</a></li>
<li><a translate href="#">Another action</a></li>
<li><a translate href="#">Something else here</a></li>
<li class="divider"></li>
<li><a translate href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button translate type="button" class="btn btn-sm btn-default">Default</button>
<button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a translate href="#">Action</a></li>
<li><a translate href="#">Another action</a></li>
<li><a translate href="#">Something else here</a></li>
<li class="divider"></li>
<li><a translate href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button translate type="button" class="btn btn-xs btn-default">Default</button>
<button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a translate href="#">Action</a></li>
<li><a translate href="#">Another action</a></li>
<li><a translate href="#">Something else here</a></li>
<li class="divider"></li>
<li><a translate href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
<p class="bs-component">
<button translate type="button" class="btn btn-primary btn-lg">Large button</button>
<button translate type="button" class="btn btn-primary">Default button</button>