From a942b16419bdb7f9a585357c332ff6ee3aff6597 Mon Sep 17 00:00:00 2001
From: Derek Reiff <d@derekr.net>
Date: Tue, 4 Jun 2024 18:56:52 -0700
Subject: [PATCH] Fix typo related to scroller, fix scrolling

- fixes #2221 by adding `overflow: scroll` to tautulli.css.
- fixes scroller-content typo
---
 data/interfaces/default/css/tautulli.css               | 1 +
 data/interfaces/default/current_activity_instance.html | 2 +-
 data/interfaces/default/home_stats.html                | 2 +-
 data/interfaces/default/index.html                     | 2 +-
 data/interfaces/default/library_stats.html             | 2 +-
 5 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index f8b15890..ccd6b351 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -927,6 +927,7 @@ a .users-poster-face:hover {
     -webkit-flex-grow: 1;
     flex-grow: 1;
     z-index: 1;
+    overflow: scroll;
 }
 .dashboard-activity-info-scroller.scrollbar-macosx > .scroll-element.scroll-y {
     left: 10px;
diff --git a/data/interfaces/default/current_activity_instance.html b/data/interfaces/default/current_activity_instance.html
index fcc1b592..1571ed7e 100644
--- a/data/interfaces/default/current_activity_instance.html
+++ b/data/interfaces/default/current_activity_instance.html
@@ -148,7 +148,7 @@ DOCUMENTATION :: END
             </div>
             <div class="dashboard-activity-info-container">
                 <div class="dashboard-activity-info-scroller scrollbar-macosx">
-                    <div class="dashboard-activity-info scoller-content">
+                    <div class="dashboard-activity-info scroller-content">
                         <ul class="list-unstyled dashboard-activity-info-list">
                             <li class="dashboard-activity-info-item">
                                 <div class="sub-heading">Product</div>
diff --git a/data/interfaces/default/home_stats.html b/data/interfaces/default/home_stats.html
index 3e1e118c..6ce864ce 100644
--- a/data/interfaces/default/home_stats.html
+++ b/data/interfaces/default/home_stats.html
@@ -141,7 +141,7 @@ DOCUMENTATION :: END
                     % endif
                 </div>
                 <div class="dashboard-stats-info-scroller scrollbar-macosx">
-                    <div class="dashboard-stats-info scoller-content">
+                    <div class="dashboard-stats-info scroller-content">
                         <ul class="list-unstyled dashboard-stats-info-list">
                             % for row in top_stat['rows']:
                             <li class="dashboard-stats-info-item ${'expanded' if loop.index == 0 else ''}" data-stat_id="${stat_id}"
diff --git a/data/interfaces/default/index.html b/data/interfaces/default/index.html
index 6e4818c7..87523f4c 100644
--- a/data/interfaces/default/index.html
+++ b/data/interfaces/default/index.html
@@ -236,7 +236,7 @@
 
     function lockScroll(elem) {
         $(elem).each(function (i, instance)  {
-            var childHeight = $(instance).children('.scoller-content').height();
+            var childHeight = $(instance).children('.scroller-content').height();
             var height = $(instance).height();
             var scrollHeight = $(instance).get(0).scrollHeight;
 
diff --git a/data/interfaces/default/library_stats.html b/data/interfaces/default/library_stats.html
index 0690fd4e..338c1894 100644
--- a/data/interfaces/default/library_stats.html
+++ b/data/interfaces/default/library_stats.html
@@ -52,7 +52,7 @@ DOCUMENTATION :: END
                     <span class="dashboard-stats-stats-units">${' / '.join(u for u in headers[section_type][1] if u)}</span>
                 </div>
                 <div class="dashboard-stats-info-scroller scrollbar-macosx">
-                    <div class="dashboard-stats-info scoller-content">
+                    <div class="dashboard-stats-info scroller-content">
                         <ul class="list-unstyled dashboard-stats-info-list">
                             % for section in data[section_type]:
                             <li class="dashboard-stats-info-item ${'expanded' if loop.index == 0 else ''}" data-stat_id="${section_type}"