diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts index 1c892dc..9511909 100644 --- a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts +++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts @@ -34,7 +34,7 @@ export class PagesMenuItemComponent { } ngOnInit() { - + this.showChildren = this.parentItem; } select(item:any){ diff --git a/src/app/_modules/pages/menu/pages-menu.component.html b/src/app/_modules/pages/menu/pages-menu.component.html index 63ab7f6..32b8b0e 100644 --- a/src/app/_modules/pages/menu/pages-menu.component.html +++ b/src/app/_modules/pages/menu/pages-menu.component.html @@ -1,9 +1,9 @@ diff --git a/src/app/_modules/pages/menu/pages-menu.component.ts b/src/app/_modules/pages/menu/pages-menu.component.ts index d063407..8e8ede8 100644 --- a/src/app/_modules/pages/menu/pages-menu.component.ts +++ b/src/app/_modules/pages/menu/pages-menu.component.ts @@ -8,7 +8,7 @@ import {Component, EventEmitter, Input, Output} from '@angular/core'; export class PagesMenuComponent { @Input() items = []; @Output() onSelected = new EventEmitter(); - public hover:boolean[]=[] + public open:boolean[]=[] private hiddenPages = ['/o-tsentre/protivodeistvie-korruptsii', '/o-tsentre/zashchita-personalnykh-dannykh', '/o-tsentre/okhrana-truda']; @@ -24,9 +24,9 @@ export class PagesMenuComponent { this.onSelected.emit(event); } - setHover(i:number,hover:boolean){ - this.hover=[]; - this.hover[i]=hover; + setOpen(i:number,open:boolean){ + this.open=[]; + this.open[i]=open; } getDepth(item){ diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss index 054cde3..7912d3f 100644 --- a/src/assets/css/main-menu.scss +++ b/src/assets/css/main-menu.scss @@ -60,8 +60,6 @@ } } - - } @@ -144,7 +142,7 @@ vertical-align: -6px; margin-left: 4px; } - &.hover { + &.opened{ >a::after{ transform: rotateZ(-90deg); }