From c966e3fbd8cd3b7c603003b923f1f7eb7e1f12b8 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 3 Feb 2020 01:22:36 +0100
Subject: [PATCH] secondary dropdown menu

---
 pages/_includes/layout/navbar-secondary.html |  3 +--
 pages/_includes/ui/dropdown-menu.html        | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/pages/_includes/layout/navbar-secondary.html b/pages/_includes/layout/navbar-secondary.html
index a60fc3285..830831b85 100644
--- a/pages/_includes/layout/navbar-secondary.html
+++ b/pages/_includes/layout/navbar-secondary.html
@@ -10,9 +10,8 @@
 				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 					Dropdown
 				</a>
-				{% include ui/dropdown-menu.html right=true %}
+				{% include ui/dropdown-menu.html right=true icons=true separated=true %}
 			</li>
-
 		</ul>
 	</div>
 </nav>
diff --git a/pages/_includes/ui/dropdown-menu.html b/pages/_includes/ui/dropdown-menu.html
index 2ab0943a4..581c51c3b 100644
--- a/pages/_includes/ui/dropdown-menu.html
+++ b/pages/_includes/ui/dropdown-menu.html
@@ -8,18 +8,18 @@
    {% else %}
       {% if include.header %}<span class="dropdown-header">Dropdown header</span>{% endif %}
       <a class="dropdown-item" href="#">
-         {% if include.icons %}{% include ui/icon.html icon="settings" %} {% endif %}
+         {% if include.icons %}{% include ui/icon.html icon="settings" class="dropdown-item-icon" %} {% endif %}
          Action
          {% if include.badge %}<span class="badge bg-primary ml-auto">12</span>{% endif %}
       </a>
       <a class="dropdown-item" href="#">
-         {% if include.icons %}{% include ui/icon.html icon="edit" %} {% endif %}Another action
+         {% if include.icons %}{% include ui/icon.html icon="edit" class="dropdown-item-icon" %} {% endif %}Another action
       </a>
-      {% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
-      {% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
+      {% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include ui/icon.html icon="activity" class="dropdown-item-icon" %} {% endif %}Active action</a>{% endif %}
+      {% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include ui/icon.html icon="user-x" class="dropdown-item-icon" %} {% endif %}Disabled action</a>{% endif %}
       {% if include.separated %}
       <div class="dropdown-divider"></div>
-      <a class="dropdown-item" href="#">{% if include.icons %}{% include ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
+      <a class="dropdown-item" href="#">{% if include.icons %}{% include ui/icon.html icon="plus" class="dropdown-icon" class="dropdown-item-icon" %} {% endif %}Separated link</a>
       {% endif %}
    {% endif %}
 </div>