diff options
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 6 | ||||
| -rw-r--r-- | src/i18n/en.json | 4 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index fbaa97f8..306c1a89 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -8,8 +8,8 @@ :controls="true" @click.stop.native=""> </VideoAttachment> - <button title="Previous" class="modal-view-button-arrow modal-view-button-arrow--prev" v-if="canNavigate" @click.stop.prevent="goPrev"></button> - <button title="Next" class="modal-view-button-arrow modal-view-button-arrow--next" v-if="canNavigate" @click.stop.prevent="goNext"></button> + <button :title="$t('media_modal.previous')" class="modal-view-button-arrow modal-view-button-arrow--prev" v-if="canNavigate" @click.stop.prevent="goPrev"></button> + <button :title="$t('media_modal.next')" class="modal-view-button-arrow modal-view-button-arrow--next" v-if="canNavigate" @click.stop.prevent="goNext"></button> </div> </template> @@ -65,7 +65,7 @@ outline: none; box-shadow: none; } - + &#{&}#{&} { &:hover { opacity: 1; diff --git a/src/i18n/en.json b/src/i18n/en.json index c664fbfa..14e2a699 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -31,6 +31,10 @@ "username": "Username", "hint": "Log in to join the discussion" }, + "media_modal": { + "previous": "Previous", + "next": "Next" + }, "nav": { "about": "About", "back": "Back", |