diff options
| author | Phil Hughes <me@iamphill.com> | 2018-08-10 16:05:41 +0100 |
|---|---|---|
| committer | Phil Hughes <me@iamphill.com> | 2018-08-10 16:05:41 +0100 |
| commit | 962420c0892fc6ada4a23fca16b5eb35249893ad (patch) | |
| tree | 29b454e4d0d6c6e35af33e22f63d00e2d74045b7 | |
| parent | 9964b678110e97c492a8b2f77ab899252c05f10e (diff) | |
| download | gitlab-ce-962420c0892fc6ada4a23fca16b5eb35249893ad.tar.gz | |
Added tooltips to tree list header buttons in Web IDE
Closes #50141
| -rw-r--r-- | app/assets/javascripts/ide/components/new_dropdown/button.vue | 11 | ||||
| -rw-r--r-- | changelogs/unreleased/ide-header-buttons-tooltip.yml | 5 |
2 files changed, 16 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/new_dropdown/button.vue b/app/assets/javascripts/ide/components/new_dropdown/button.vue index ff114e47741..aa5fce59dbf 100644 --- a/app/assets/javascripts/ide/components/new_dropdown/button.vue +++ b/app/assets/javascripts/ide/components/new_dropdown/button.vue @@ -1,7 +1,11 @@ <script> import Icon from '~/vue_shared/components/icon.vue'; +import tooltip from '~/vue_shared/directives/tooltip'; export default { + directives: { + tooltip, + }, components: { Icon, }, @@ -26,6 +30,11 @@ export default { default: true, }, }, + computed: { + tooltipTitle() { + return this.showLabel ? '' : this.label; + }, + }, methods: { clicked() { this.$emit('click'); @@ -36,7 +45,9 @@ export default { <template> <button + v-tooltip :aria-label="label" + :title="tooltipTitle" type="button" class="btn-blank" @click.stop.prevent="clicked" diff --git a/changelogs/unreleased/ide-header-buttons-tooltip.yml b/changelogs/unreleased/ide-header-buttons-tooltip.yml new file mode 100644 index 00000000000..510a20892d3 --- /dev/null +++ b/changelogs/unreleased/ide-header-buttons-tooltip.yml @@ -0,0 +1,5 @@ +--- +title: Added tooltips to tree list header +merge_request: +author: +type: added |