Переместить нижний кончик всплывающей подсказки - PullRequest
Новая
       19

Переместить нижний кончик всплывающей подсказки

0 голосов
/ 24 августа 2018

У меня есть конкретный случай всплывающей подсказки:

enter image description here

Как видно здесь, значок, показывающий подсказку, оченьбольше справа, когда черный треугольник под всплывающей подсказкой находится посередине.

Мне было интересно, можно ли переместить этот треугольник, чтобы он находился прямо над значком.Это возможно?

1 Ответ

0 голосов
/ 06 сентября 2018

Вы пробовали tooltip-placement вариант?

Для вашего примера, я бы предположил, что tooltip-placement="top-right" должен делать то, что вы хотите. 

var test = angular.module('test', ['ui.bootstrap']);

angular.bootstrap(document.documentElement, [test.name]);
div.wrapper {
  margin-top: 50px;
}
span {
  margin-left: 50px;
  cursor: default;
}
.adjusted {
  background-color: lightblue;
}
.default {
  background-color: lightgrey;
}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <script src="https://origin2.jsdelivr.net/angularjs/1.5.0/angular.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.1/ui-bootstrap-tpls.js"></script>
  <link rel="stylesheet" href="https://origin2.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.css" />
</head>


<body>
 <div id="chart"></div>
  <div class="wrapper">
  <span uib-tooltip="Default placement"
        class="default">TOP default tooltip
  </span>
  <span uib-tooltip="Placement adjusted."
        tooltip-placement="top-right"
        class="adjusted">
        TOP-RIGHT tooltip
  </span>
</div>
</body>

</html>
...