From db362599c96a2b8067d98be3e4864692455fb7c2 Mon Sep 17 00:00:00 2001
From: Bill Thornton <billt2006@gmail.com>
Date: Fri, 4 Mar 2022 11:39:01 -0500
Subject: [PATCH] Add titles to emby-scrollbuttons

---
 src/elements/emby-scrollbuttons/emby-scrollbuttons.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
index 3a6dc05fc..c38c20b2c 100644
--- a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
+++ b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
@@ -1,6 +1,7 @@
 import './emby-scrollbuttons.scss';
 import 'webcomponents.js/webcomponents-lite';
 import '../emby-button/paper-icon-button-light';
+import globalize from '../../scripts/globalize';
 
 /* eslint-disable indent */
 
@@ -13,8 +14,9 @@ const EmbyScrollButtonsPrototype = Object.create(HTMLDivElement.prototype);
     function getScrollButtonHtml(direction) {
         let html = '';
         const icon = direction === 'left' ? 'chevron_left' : 'chevron_right';
+        const title = direction === 'left' ? globalize.translate('Previous') : globalize.translate('Next') ;
 
-        html += '<button type="button" is="paper-icon-button-light" data-ripple="false" data-direction="' + direction + '" class="emby-scrollbuttons-button">';
+        html += `<button type="button" is="paper-icon-button-light" data-ripple="false" data-direction="${direction}" title="${title}" class="emby-scrollbuttons-button">`;
         html += '<span class="material-icons ' + icon + '" aria-hidden="true"></span>';
         html += '</button>';