angularjs材料的工具提示显示左右方向不同的位置

Question

我正在使用 AngularJs Material 的工具提示，我遇到了一个奇怪的行为 - 当我将方向设置为向右时 - 然后它以不同的间距显示工具提示，然后向左显示

正确：

左：

如您所见 - 右侧的边距比左侧的多.... 我想知道如何将它们设置为相等的间距（我更喜欢右边距...）

我尝试在图标前后添加工具提示 - 只是为了测试 - 但没有成功。

 <md-button class="md-fab">
         <md-tooltip ng-show="isRTL" md-direction="{{demo.tipDirection}}">
          Insert Drive
        </md-tooltip>
        <md-icon md-svg-src="img/icons/ic_insert_drive_file_24px.svg">
          <md-tooltip ng-show="!isRTL" md-direction="{{demo.tipDirection}}">
          Insert Drive
        </md-tooltip>
        </md-icon>
  </md-button>

顺便说一句 - 同样的错误出现在 Angular Material 工具提示 example

这是Example

Answer 1

您可以覆盖工具提示 css。

试试这个：

.md-tooltip.md-origin-left {
  margin: 0 15px 0 0;
}