Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v9 Tooltip has no background color #18139

Closed
anton-white opened this issue Jan 9, 2020 · 2 comments
Closed

v9 Tooltip has no background color #18139

anton-white opened this issue Jan 9, 2020 · 2 comments

Comments

@anton-white
Copy link

@anton-white anton-white commented Jan 9, 2020

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Tooltip should have a background color.

What is the current behavior?

Tooltip has no background color and is not visible, i.e. is transparent.

What are the steps to reproduce?

Use original mat-tooltip from v9

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular CLI: 9.0.0-rc.8
Node: 12.14.0
OS: linux x64

Angular: 9.0.0-rc.8
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.14
@angular-devkit/build-angular     0.900.0-rc.8
@angular-devkit/build-optimizer   0.900.0-rc.8
@angular-devkit/build-webpack     0.900.0-rc.8
@angular-devkit/core              9.0.0-rc.8
@angular-devkit/schematics        8.3.14
@angular/cdk                      9.0.0-rc.7
@angular/material                 9.0.0-rc.7
@ngtools/webpack                  9.0.0-rc.8
@schematics/angular               8.3.14
@schematics/update                0.900.0-rc.8
rxjs                              6.5.3
typescript                        3.6.4
webpack                           4.41.2

Is there anything else we should know?

Looks like the following style is missing from v8:

.mat-tooltip {
  background: rgba(97,97,97,.9);
}
@crisbeto

This comment has been minimized.

Copy link
Member

@crisbeto crisbeto commented Jan 9, 2020

Are you sure that you have included a theme? It's hard to tell based on the provided information.

@anton-white

This comment has been minimized.

Copy link
Author

@anton-white anton-white commented Jan 9, 2020

Thanks for the direction. Yes, we have a theme included and we are extending it.

$mat-light-theme-background received a new entry in v9: tooltip: map_get($mat-grey, 700)
So in our theme the tooltip key was missing.

To avoid further possible issues I've used map_merge instead of direct reassigning of $mat-light-theme-background.

@anton-white anton-white closed this Jan 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants
You can’t perform that action at this time.