diff options
author | Phil Hughes <me@iamphill.com> | 2017-06-26 11:44:00 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2017-06-26 11:44:00 +0300 |
commit | ae5a020773516dcb9eec81432c7588220a615ddf (patch) | |
tree | fbafa4cf8360508fabd54fda5571a31569992e1c /doc | |
parent | f0886918845f8292889db7e30033b7051147f3b0 (diff) | |
parent | 6cb575d612cd2470ee4224159fa16458f5426f73 (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.md | 12 |
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 |