From d23a07793fb8186f2f90c8ca10b6a65a6bdd70ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Fri, 19 Jan 2018 16:25:37 +0100
Subject: [PATCH] feat: style site and user tools in sidebar

This uses the BEM methodology as far as possible in order to keep the
code as clean and simple as possible.
---
 css/toollist.less        | 30 ++++++++++++++++++++++++++++++
 style.ini                |  3 +++
 tpl/main-sidebar-nav.php |  8 ++++----
 3 files changed, 37 insertions(+), 4 deletions(-)
 create mode 100644 css/toollist.less

diff --git a/css/toollist.less b/css/toollist.less
new file mode 100644
index 0000000..1cd2459
--- /dev/null
+++ b/css/toollist.less
@@ -0,0 +1,30 @@
+/**
+ * Styles for site tools and user tools in sidebar
+ *
+ * Using BEM methodology as far as possible
+ */
+
+.toollist {
+}
+
+.toollist__listitem {
+    list-style: none;
+
+    a {
+        display: inline-flex;
+        flex-direction: row-reverse;
+        flex-wrap: nowrap;
+        align-items: center;
+    }
+
+    span {
+        font-size: @font-size-default;
+    }
+
+    svg {
+        width: @font-size-default;
+        vertical-align: middle;
+        fill: @ini_nav_menu_color;
+        margin-right: .2em;
+    }
+}
diff --git a/style.ini b/style.ini
index d88a515..abb7b83 100755
--- a/style.ini
+++ b/style.ini
@@ -84,6 +84,9 @@ css/area_recent.less                  = all
 css/template_admin.less               = all
 css/template_detail.less              = all
 
+; ____________ block styles ________________
+css/toollist.less                     = all
+
 
 ; _____________  plugin styles _____________
 
diff --git a/tpl/main-sidebar-nav.php b/tpl/main-sidebar-nav.php
index 7157957..3079428 100644
--- a/tpl/main-sidebar-nav.php
+++ b/tpl/main-sidebar-nav.php
@@ -10,10 +10,10 @@
         <span class="lbl"><?php echo $lang['site_tools']; ?></span>
     </a></div>
     <div class="nav-panel level1">
-        <ul id="sidebar-site-tools">
+        <ul id="sidebar-site-tools" class="toollist">
             <?php
             if (file_exists(DOKU_INC . 'inc/Menu/SiteMenu.php')) {
-                echo (new \dokuwiki\Menu\SiteMenu())->getListItems();
+                echo (new \dokuwiki\Menu\SiteMenu())->getListItems('toollist__listitem ');
             } else {
                 //Pre-Greebo Backwards compatibility
                 tpl_toolsevent(
@@ -37,10 +37,10 @@
         <span class="lbl"><?php echo $lang['user_tools']; ?></span>
     </a></div>
     <div class="nav-panel level1">
-        <ul id="sidebar-user-tools">
+        <ul id="sidebar-user-tools" class="toollist">
             <?php /* dokuwiki user tools */
             if (file_exists(DOKU_INC . 'inc/Menu/UserMenu.php')) {
-                echo (new \dokuwiki\Menu\UserMenu())->getListItems();
+                echo (new \dokuwiki\Menu\UserMenu())->getListItems('toollist__listitem ');
             } else {
                 //Pre-Greebo Backwards compatibility
                 tpl_toolsevent(