MatTooltip не будет выровнен по своему объекту / кнопке во всем проекте, как мне выровнять его? - PullRequest
Новая
       10

MatTooltip не будет выровнен по своему объекту / кнопке во всем проекте, как мне выровнять его?

0 голосов
/ 19 февраля 2019

Я строю проект с Metronic (скачано с themeforest).Я использую его угловую версию, и у меня проблема со стилем, когда всплывающие подсказки имеют смещение влево.

Попытка переустановить angular, tooltip, hammerjs, но ничего не изменилось

Вpages.module.ts: 

import { MatTooltipModule, MatInputModule, ... } from "@angular/material";
@NgModule({
declarations: [ ... ],
imports: [
    ...
    MatTooltipModule,

],
providers:[],
entryComponents:[
    // multiple components for my custom dialogs
]
});

Когда я на самом деле его использую: 

<button matTooltip="tooltip"><mat-icon>new</mat-icon></button>

Я также пытался использовать matTooltipPosition со всеми возможными значениями, но ничего не изменилось.

Ссылка на изображение

Как вы можете видеть на изображении, при наведении на кнопку кнопки всплывающая подсказка показывается слева от нее, а не выравнивается по кнопке.*

Ответы [ 2 ]

0 голосов
/ 19 февраля 2019

Я понял, что я установил 

.cdk-overlay-pane{
    min-width:40vw;
}

в своем styles.scss, чтобы сделать каждое диалоговое окно достаточно большим, но тот же класс был использован и в подсказках, поэтому эта директива CSS стала более специфичнойили просто удалив его, решает проблему.

0 голосов
/ 19 февраля 2019

Вы можете попробовать установить положение matTooltip с помощью matTooltipPosition="below"

<button matTooltip="tooltip" matTooltipPosition="below"><mat-icon>new</mat-icon></button>

официальной документации для всех позиций: https://material.angular.io/components/tooltip/overview#positioning

...