Floating colored label in menu doens't have color

Bug Report

Description

A label in a menu always have a grey color even with a color class.

It seems to be fixed in the fomantic version provided in the fork though.

The .ui.menu .item>.label rule in my app and the .ui.menu .item > .label rule in jsfiddle are not the same.

In the jsFiddle :

.ui.menu .item > .label {
    margin-left: 1em;
    padding: 0.3em 0.78571429em;
}

and in 2.7.1 on my app

.ui.menu .item>.label {
    background: #999;
    color: #fff;
    margin-left: 1em;
    padding: .3em .78571429em;
}

If this is indeed fixed, when will it be available for for update ?

Testcase

fiddle (working with the fomantic provided in the fiddle

Screenshot (when possible)

• My computed CSS
• My computed HTML
• The result on my app

Version

2.7.1

EDIT : In the same time if we could have some otpions to change the label position it could be great. Like some bottom floating label or left top floating label etc. with default position (when no position specified) like now, in top right.

[etshy]

Arf, I resintalled from scratch and a lot of my pages are totally messed.

I’ll have to work about this, but the problem for this issue is fixed !

Must came from when I updated to 2.7.x, I guess.

[etshy]

I messed this comment of yours

Is your app using single component files instead of the whole semantic.css? I guess the menu.css is an older version (2.6.x) but label.css is 2.7.x then. The only Idea I have which would explain the behavior

I use all components bu I installed it when it was 2.6.x. I had to manually add some files when updated to 2.7 (toast files, and… maybe others., maybe I forgot something, yeah.

What can I do to be sure it’s all good ?

---

I didn’t know about npm info I thought it was the installed package. npm ls still returns 2.7.1.

---

I think I’ll try to reinstall from scratch, saving my variable override in case it delete it.