From f7b67a49db6c1a5eae36d6cb0582e316a9172adb Mon Sep 17 00:00:00 2001
From: Diana Whitten <hurgleburgler@gmail.com>
Date: Tue, 24 Nov 2015 09:32:18 -0700
Subject: [PATCH] New Preview Page Needs All Sizes of Button Groups

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
---
 .../theme-preview/theme-preview.html          | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
index 59941006b6..509e4072e1 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
@@ -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>