added sidebar icons

Author: spektra2147

resources/css/ocify-sidebar.css

@@ -112,10 +112,14 @@
     margin-right: 10px;
 }
 
-.sidebar-nav .sidebar-sublist .sub-item.active {
+.sidebar-nav .sidebar-sublist.in .sub-item.active {
     margin-left: -74px;
     padding-left: 74px;
     background-color: #2B3C61 !important;
+    -webkit-transition: all 700ms ease;
+    -moz-transition: all 700ms ease;
+    -o-transition: all 700ms ease;
+    transition: all 700ms ease;
 }
 
 .sidebar-nav .sidebar-sublist .sub-item.active a{
@@ -147,6 +151,15 @@
     align-items: center;
 }
 
+.sidebar-nav .sidebar-group .sidebar-group-link span:not(.icon){
+    align-items: center;
+    display: flex;
+}
+
+.sidebar-nav .sidebar-group .sidebar-group-link span .icon{
+    padding-top: 3px;
+}
+
 .sidebar-nav .sidebar-group .sidebar-group-link .chevron {
     font-size: 13px;
 }

resources/views/partials/interactiveMenu.twig

@@ -36,7 +36,9 @@
                     <a class="sidebar-group-link" title="{{ group.title }}" data-toggle="collapse" data-target="#{{ group_key }}M"
                        aria-expanded="{{ group.active ? 'true' : 'false' }}">
                         <span>
-                            <span class="icon"><i class="fa fa-dashboard"></i></span>
+                            <span class="icon">
+                                {{ img(group.icon).data|raw }}
+                            </span>
                             <span class="title">{{ group.title }}</span>
                         </span>
                         <i class="fa fa-chevron-down chevron"></i>