diff --git a/src/menu-left.pug b/src/menu-left.pug index 29b0242..99d227c 100644 --- a/src/menu-left.pug +++ b/src/menu-left.pug @@ -27,7 +27,7 @@ nav#main__menu div.menu-icon.icon-folder-alt sib-route(name='project', rdf-type='hd:project', use-id='', hidden) div.sub-menu.menu-notification - sib-display( + sib-display.project-tab( data-src=`${endpoints.projects}` fields='project(customer.name, name), badge' class-customer.name='project-customer' diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss index 2ab7273..606db3c 100644 --- a/src/styles/base/menu-left.scss +++ b/src/styles/base/menu-left.scss @@ -113,8 +113,12 @@ width: calc(150px - 10px); /* 10px = padding of the sib-set-default = better alignment */ } + } - &:hover { + .project-tab>div>sib-display[fields='project(customer.name, name), badge']>div:hover { + background-color: $color-233-20-17; + + sib-set-default[name='project'] { background-color: $color-233-20-17; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.26); color: $color-218-100-98; @@ -126,6 +130,10 @@ .project-name { width: auto; } + + .project-name { + font-weight: normal; + } } }