feature: menu-left - hover and active styles on sub-menus

src/views/partials/menu-left.pug

@@ -47,7 +47,7 @@ solid-widget(name='hubl-menu-fix-url-contact')
 solid-widget(name='hubl-menu-fix-url-circle')
   template
     solid-link.segment.lg-full(data-src="${value}" next="circle")
-      solid-display(
+      solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
         data-src='${value}'
         fields='segment(status, circle(name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
@@ -71,7 +71,7 @@ solid-widget(name='hubl-menu-fix-url-circle')
 solid-widget(name='hubl-menu-fix-url-project')
   template
     solid-link.segment.lg-full(data-src="${value}" next="project")
-      solid-display(
+      solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
         data-src='${value}'
         fields='segment(status, project(customer.name, name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
@@ -148,7 +148,7 @@ solid-router#navbar-router(default-route='dashboard')
           div
           div
           div
-        solid-display.ellipsis.text-color-white(
+        solid-display.ellipsis(
           bind-user
           nested-field='projects'
           fields='project'
@@ -177,7 +177,7 @@ solid-router#navbar-router(default-route='dashboard')
           div
           div
           div
-        solid-display.ellipsis.text-color-white(
+        solid-display.ellipsis(
           bind-user
           nested-field='circles'
           fields='circle'