md-tooltip text is hard to see

[breezewish]

gray text in black background
I found that in CSS, text color is nearly white. why it is rendered as gray?

[epelc]

+1 it use to be white I think 0.8.0-rc1 changed this. But It is incredibly hard to see now.

[breezewish]

a quick fix:

md-tooltip .md-content {
    position: relative;
    opacity: 1;
}

However there are still bugs. if you move in and instantly move out, you would see remarkble white text. This is because the circle wave cannot crop texts. It is just a background. This is a complicated problem I think, and I'm afraid the only simple way to solve it is to remove the wave effect.

[epelc]

@breeswish you can animate the opacity in with the circle to hide the bug.

[breezewish]

@epelc good idea :-) fade in & out the text.

[epelc]

Also not sure if this is a bug but setting opacity: 1; only works with position: relative; however anything slightly below 1 works without position: relative;. @breeswish Do you know why it makes the text invisible without position: relative;?

[breezewish]

@epelc because position:relative allows text container overlay circle wave(position:absolute)

The DOM structure is:

container(round rectangle and overflow hidden)
- circle wave (background, with opacity)
- text container (original opacity 0.3)

[epelc]

@Breeswish thanks I didn't know it gave z index makes sense though.