Add a hover effect on left menu links (#418) (#425)
authorCharles de Lacombe <ealhad@mail.com>
Wed, 28 Mar 2018 09:43:09 +0000 (11:43 +0200)
committerChocobozzz <me@florianbigard.com>
Wed, 28 Mar 2018 09:43:09 +0000 (11:43 +0200)
commit829be6e8b7e9a09f118577745906c19926c20416
tree4bbf03640b4061fd59b038739c7afa042455b7ee
parentc73e83da283c6d4eb094e384d59c4f8eb221507d
Add a hover effect on left menu links (#418) (#425)

I:
- removed the `margin-left` on the `.panel-block` to put it on the children
instead
- squashed the `margin-bottom` of the links into their `height` (and rounded it
to 40px, feel free to correct me)
- centered vertically the content of the links
- added the `background-color` change on hover for the links

I put the same color as the `.logged-in-block`. Maybe it should be externalized
as a SCSS variable?

I also added a CSS transition. Is it alright?
client/src/app/menu/menu.component.scss