From 197b4b5b7d31ab5cae5b443de72c1ae00d77fda4 Mon Sep 17 00:00:00 2001
From: Diana Whitten <hurgleburgler@gmail.com>
Date: Mon, 8 Aug 2016 09:19:03 -0700
Subject: [PATCH] Add HTML lists to preview page

Removed legacy style that was augmenting global UL lists.

Partially-Implements blueprint bootstrap-theme-preview

Change-Id: I805d2e4f9d0ae9703e725f9be9090f8fea5e948c
---
 .../theme-preview/theme-preview.html          | 110 ++++++++++++++++++
 .../static/dashboard/scss/_debt.scss          |   1 -
 2 files changed, 110 insertions(+), 1 deletion(-)

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 482860ce9e..32dac509e5 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
@@ -1362,6 +1362,116 @@
       </div>
     </div>
   </div>
+
+  <div class="row">
+    <div class="col-lg-12">
+      <h2 translate>Other lists</h2>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-lg-4">
+      <h3 translate>Unordered</h3>
+      <div class="bs-component">
+        <ul>
+          <li>Lorem ipsum dolor sit amet</li>
+          <li>Consectetur adipiscing elit</li>
+          <li>Integer molestie lorem at massa</li>
+          <li>Facilisis in pretium nisl aliquet</li>
+          <li>Nulla volutpat aliquam velit
+            <ul>
+              <li>Phasellus iaculis neque</li>
+              <li>Purus sodales ultricies</li>
+              <li>Vestibulum laoreet porttitor sem</li>
+              <li>Ac tristique libero volutpat at</li>
+            </ul>
+          </li>
+          <li>Faucibus porta lacus fringilla vel</li>
+          <li>Aenean sit amet erat nunc</li>
+          <li>Eget porttitor lorem</li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <h3 translate>Ordered</h3>
+      <div class="bs-component">
+        <ol>
+          <li>Lorem ipsum dolor sit amet</li>
+          <li>Consectetur adipiscing elit</li>
+          <li>Integer molestie lorem at massa</li>
+          <li>Facilisis in pretium nisl aliquet</li>
+          <li>Nulla volutpat aliquam velit</li>
+          <li>Faucibus porta lacus fringilla vel</li>
+          <li>Aenean sit amet erat nunc</li>
+          <li>Eget porttitor lorem</li>
+        </ol>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <h3 translate>Unstyled</h3>
+      <div class="bs-component">
+        <ul class="list-unstyled">
+          <li>Lorem ipsum dolor sit amet</li>
+          <li>Consectetur adipiscing elit</li>
+          <li>Integer molestie lorem at massa</li>
+          <li>Facilisis in pretium nisl aliquet</li>
+          <li>Nulla volutpat aliquam velit
+            <ul>
+              <li>Phasellus iaculis neque</li>
+              <li>Purus sodales ultricies</li>
+              <li>Vestibulum laoreet porttitor sem</li>
+              <li>Ac tristique libero volutpat at</li>
+            </ul>
+          </li>
+          <li>Faucibus porta lacus fringilla vel</li>
+          <li>Aenean sit amet erat nunc</li>
+          <li>Eget porttitor lorem</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-lg-4">
+      <h3 translate>Inline</h3>
+      <div class="bs-component">
+        <ul class="list-inline">
+          <li>Lorem ipsum</li>
+          <li>Phasellus iaculis</li>
+          <li>Nulla volutpat</li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <h3 translate>Definition list</h3>
+      <div class="bs-component">
+        <dl>
+          <dt translate>Description lists</dt>
+          <dd translate>A description list is perfect for defining terms.</dd>
+          <dt>Euismod</dt>
+          <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
+          <dd>Donec id elit non mi porta gravida at eget metus.</dd>
+          <dt>Malesuada porta</dt>
+          <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
+        </dl>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <h3 translate>Horizontal Definition List</h3>
+      <div class="bs-component">
+        <dl class="dl-horizontal">
+          <dt translate>Description lists</dt>
+          <dd translate>A description list is perfect for defining terms.</dd>
+          <dt>Euismod</dt>
+          <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
+          <dd>Donec id elit non mi porta gravida at eget metus.</dd>
+          <dt>Malesuada porta</dt>
+          <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
+          <dt>Felis euismod semper eget lacinia</dt>
+          <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
+        </dl>
+      </div>
+    </div>
+  </div>
 </div>
 
 <!-- Dialogs
diff --git a/openstack_dashboard/static/dashboard/scss/_debt.scss b/openstack_dashboard/static/dashboard/scss/_debt.scss
index c32b6f1d13..f8b578df4d 100644
--- a/openstack_dashboard/static/dashboard/scss/_debt.scss
+++ b/openstack_dashboard/static/dashboard/scss/_debt.scss
@@ -6,7 +6,6 @@
 }
 
 ul {
-  list-style: none;
   margin: 0;
 }