right-menu

master
Boris Voropaev 2023-11-02 12:05:44 +03:00
parent fff16a90ed
commit cc225aed2c
3 changed files with 8 additions and 8 deletions

View File

@ -95,13 +95,13 @@ right-content{
padding-left: 0; padding-left: 0;
} }
.lavel-1{ .level-1{
&.item{ &.item{
display: none; display: none;
} }
} }
.lavel-2{ .level-2{
&.item{ &.item{
display: none; display: none;
} }
@ -119,7 +119,7 @@ right-content{
} }
} }
.lavel-3 { .level-3 {
>a { >a {
font-family: PT Sans Narrow; font-family: PT Sans Narrow;
font-size: 24px; font-size: 24px;
@ -141,7 +141,7 @@ right-content{
} }
.lavel-4 { .level-4 {
a { a {
font-family: PT Sans; font-family: PT Sans;
font-size: 20px; font-size: 20px;

View File

@ -7,4 +7,4 @@
</a> </a>
</div> </div>
<div #menu class="sub-menu" [ngClass]="itemClass"> <div #menu class="sub-menu" [ngClass]="itemClass">
<pages-menu *ngIf="children?.length" [items]="children" [lavel]="lavel+1"></pages-menu> <pages-menu *ngIf="children?.length" [items]="children" [level]="level+1"></pages-menu>

View File

@ -9,7 +9,7 @@ import {Subscription} from 'rxjs';
}) })
export class PagesMenuItemComponent { export class PagesMenuItemComponent {
@Input() item: any; @Input() item: any;
@Input() lavel: number; @Input() level: number;
public toggle=false; public toggle=false;
currentURL:string; currentURL:string;
@ -45,7 +45,7 @@ export class PagesMenuItemComponent {
let menuClass = { let menuClass = {
selected: this.toggle selected: this.toggle
} }
menuClass['lavel-'+(this.lavel+1)] = true; menuClass['level-'+(this.level+1)] = true;
return menuClass return menuClass
} }
@ -55,7 +55,7 @@ export class PagesMenuItemComponent {
parent: this.parent&&!this.current, parent: this.parent&&!this.current,
current: this.current current: this.current
} }
itemClass['lavel-'+(this.lavel+1)] = true; itemClass['level-'+(this.level+1)] = true;
return itemClass return itemClass
} }
} }