Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/doc
diff options
context:
space:
mode:
authorPhil Hughes <me@iamphill.com>2017-06-26 11:44:00 +0300
committerPhil Hughes <me@iamphill.com>2017-06-26 11:44:00 +0300
commitae5a020773516dcb9eec81432c7588220a615ddf (patch)
treefbafa4cf8360508fabd54fda5571a31569992e1c /doc
parentf0886918845f8292889db7e30033b7051147f3b0 (diff)
parent6cb575d612cd2470ee4224159fa16458f5426f73 (diff)
Merge branch '33223-multiple-tooltips-on-the-same-vue-component' into 'master'
Add support for multiple tooltips in the same Vue component Closes #33223 See merge request !11954
Diffstat (limited to 'doc')
-rw-r--r--doc/development/fe_guide/style_guide_js.md12
1 files changed, 8 insertions, 4 deletions
diff --git a/doc/development/fe_guide/style_guide_js.md b/doc/development/fe_guide/style_guide_js.md
index d2d89517241..ae844fa1051 100644
--- a/doc/development/fe_guide/style_guide_js.md
+++ b/doc/development/fe_guide/style_guide_js.md
@@ -463,20 +463,24 @@ A forEach will cause side effects, it will be mutating the array being iterated.
1. `destroyed`
#### Vue and Boostrap
-1. Tooltips: Do not rely on `has-tooltip` class name for vue components
+1. Tooltips: Do not rely on `has-tooltip` class name for Vue components
```javascript
// bad
- <span class="has-tooltip">
+ <span
+ class="has-tooltip"
+ title="Some tooltip text">
Text
</span>
// good
- <span data-toggle="tooltip">
+ <span
+ v-tooltip
+ title="Some tooltip text">
Text
</span>
```
-1. Tooltips: When using a tooltip, include the tooltip mixin
+1. Tooltips: When using a tooltip, include the tooltip directive, `./app/assets/javascripts/vue_shared/directives/tooltip.js`
1. Don't change `data-original-title`.
```javascript