Almost solved: remove NEW label first menu item

[Prefix1802]

Hi,

How do i remove the new label on my first menu item?

It stays there even if i create my own custom menu.

Edit:
src/app/@theme/layouts/sample/sample.layout.scss

I changed

/deep/ nb-menu {
  & > .menu-items {
    & > .menu-item:first-child {
      .menu-title {
        &::after {
          content: 'new';
          color: nb-theme(color-white);
          margin-left: 1rem;
          background: nb-theme(color-danger);
          padding: 0 0.5rem;
          border-radius: nb-theme(radius);
          font-size: nb-theme(font-size-sm);
        }
      }
    }
  }

to

/deep/ nb-menu {
& > .menu-items {
/& > .menu-item:first-child {
.menu-title {
&::after {
content: 'new';
color: nb-theme(color-white);
margin-left: 1rem;
background: nb-theme(color-danger);
padding: 0 0.5rem;
border-radius: nb-theme(radius);
font-size: nb-theme(font-size-sm);
}
}
}/
}

Is this a correct solution?

[blankstar85]

Looks like the right solution to me.

This is hard coded, so no matter what it will be applied to the first item. A better way would be to add this to Nebular theme and allow an item in NBMENU to have a boolean and apply this to the menu item. Maybe a good feature request for Nebular. Everything is new in my project, so for the moment it isn't worth looking into. If no one gets to it, i'll give it a go when I get to that point.

[nnixaa]

Hey Guys, these styles are just a part of sample layout, simply remove it from here 56e4709#diff-5c33a6feddfc467597c5321818ef40cbR108 and it should be fine.
@denStrigo let's move this style into the demo branch.

[Paris18]

How do I give styles for nb-window?