3

I am trying to build an Angular Sidebar. Currently, it is having a toggle effect which means, when we click it, it will collapse. If it is collapsed, it will expand. Now I am trying to expand only the item which gets hover. I need some help with this.

StackBlitz demo

enter image description here

Edric
  • 24,639
  • 13
  • 81
  • 91
Leela Vathi
  • 71
  • 1
  • 2
  • 5
  • Welcome to SOF, please read [ask] and provide a [mcve] of your issue on https://stackblitz.com. –  Sep 30 '19 at 11:38

1 Answers1

5

Here is the solution:

I have made changes in your left-menu-component.html for that hover effect as you asked for.here is the link: https://stackblitz.com/edit/angular-w1b2ho?file=src%2Fapp%2Fcomponents%2Fleft-menu%2Fleft-menu.component.html

Ishan Shah
  • 383
  • 2
  • 8
  • 2
    your example loads then throws an error: Error in src/theme.scss NoSuchMethodError: method not found: 'write$1' on null – Zaffer Jul 17 '22 at 20:13
  • this is awesome! Thank you, I have used it in my project now. Just a small point that the button at the button causes animation thrashing when you click it while your mouse still hovers over it. – Zaffer Jul 17 '22 at 21:23