Browse Source

Added a tooltip to the voice message button (#1916)

* Added a string for the voice recording button title

* Added a title to the voice message button

Added it twice - once for accessibility purposes on the anchor that actually activates the action (though hovering does not show this title) and the other is on the element on which the user actually clicks and hovers, in order to show the title.

* Added a title to the voice message button
master
PhistucK 5 years ago committed by Igor Zhukov
parent
commit
ba313a7eeb
  1. 1
      app/js/locales/en-us.json
  2. 4
      app/partials/desktop/send_form.html
  3. 2
      app/partials/mobile/send_form.html

1
app/js/locales/en-us.json

@ -549,6 +549,7 @@
"im_emoji_tab": "Emoji", "im_emoji_tab": "Emoji",
"im_stickers_tab": "Stickers", "im_stickers_tab": "Stickers",
"im_stickers_tab_recent": "Frequently used", "im_stickers_tab_recent": "Frequently used",
"im_voice_record_title": "Record a message",
"im_media_attach_title": "Send media", "im_media_attach_title": "Send media",
"im_attach_file_title": "Send file", "im_attach_file_title": "Send file",
"im_emoji_btn_title": "Insert emoticon", "im_emoji_btn_title": "Insert emoticon",

4
app/partials/desktop/send_form.html

@ -54,8 +54,8 @@
<i class="icon icon-camera"></i> <i class="icon icon-camera"></i>
</div> </div>
<a class="im_record pull-left"> <a class="im_record pull-left" title="{{'im_voice_record_title' | i18n}}">
<div class="im_record_bg"> <div class="im_record_bg" title="{{'im_voice_record_title' | i18n}}">
<i class="icon icon-mic"></i> <i class="icon icon-mic"></i>
</div> </div>
</a> </a>

2
app/partials/mobile/send_form.html

@ -44,7 +44,7 @@
<i class="icon icon-paperclip"></i> <i class="icon icon-paperclip"></i>
</div> </div>
<div class="im_record pull-right"> <div class="im_record pull-right" title="{{'im_voice_record_title' | i18n}}">
<i class="icon icon-mic"></i> <i class="icon icon-mic"></i>
</div> </div>

Loading…
Cancel
Save