diff options
Diffstat (limited to 'app/assets/javascripts/content_editor/components/toolbar_image_button.vue')
-rw-r--r-- | app/assets/javascripts/content_editor/components/toolbar_image_button.vue | 48 |
1 files changed, 26 insertions, 22 deletions
diff --git a/app/assets/javascripts/content_editor/components/toolbar_image_button.vue b/app/assets/javascripts/content_editor/components/toolbar_image_button.vue index 649e23c29aa..8ed4dfce6de 100644 --- a/app/assets/javascripts/content_editor/components/toolbar_image_button.vue +++ b/app/assets/javascripts/content_editor/components/toolbar_image_button.vue @@ -71,27 +71,31 @@ export default { }; </script> <template> - <gl-dropdown - v-gl-tooltip - :aria-label="__('Insert image')" - :title="__('Insert image')" - size="small" - category="tertiary" - icon="media" - @hidden="resetFields()" - > - <gl-dropdown-form class="gl-px-3!"> - <gl-form-input-group v-model="imgSrc" :placeholder="__('Image URL')"> - <template #append> - <gl-button variant="confirm" @click="insertImage">{{ __('Insert') }}</gl-button> - </template> - </gl-form-input-group> - </gl-dropdown-form> - <gl-dropdown-divider /> - <gl-dropdown-item @click="openFileUpload"> - {{ __('Upload image') }} - </gl-dropdown-item> - + <span class="gl-display-inline-flex"> + <gl-dropdown + v-gl-tooltip + :text="__('Insert image')" + :title="__('Insert image')" + size="small" + category="tertiary" + icon="media" + lazy + text-sr-only + data-testid="insert-image-toolbar-button" + @hidden="resetFields()" + > + <gl-dropdown-form class="gl-px-3!"> + <gl-form-input-group v-model="imgSrc" :placeholder="__('Image URL')"> + <template #append> + <gl-button variant="confirm" @click="insertImage">{{ __('Insert') }}</gl-button> + </template> + </gl-form-input-group> + </gl-dropdown-form> + <gl-dropdown-divider /> + <gl-dropdown-item @click="openFileUpload"> + {{ __('Upload image') }} + </gl-dropdown-item> + </gl-dropdown> <input ref="fileSelector" type="file" @@ -101,5 +105,5 @@ export default { data-qa-selector="file_upload_field" @change="onFileSelect" /> - </gl-dropdown> + </span> </template> |