move component legend scroll

Seshat-Global-History-Databank · Dec 16, 2024 · 6c8c7b2 · 6c8c7b2
1 parent 1d806be
commit 6c8c7b2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/seshat/apps/core/static/core/js/map_functions.js b/seshat/apps/core/static/core/js/map_functions.js
@@ -575,15 +575,11 @@ function updateComponentLegend() {
         // Make the polityContainer scrollable if there are more than 7 polities
         if (addedPolities.length > 7) {
             polityContainer.style.maxHeight = '300px';
-            polityContainer.style.overflowY = 'scroll';
             polityContainer2.style.maxHeight = '300px';
-            polityContainer2.style.overflowY = 'scroll';
         } else {
             // Reset to default if fewer than 7 polities to ensure it behaves correctly on subsequent updates
             polityContainer.style.maxHeight = '';
-            polityContainer.style.overflowY = '';
             polityContainer2.style.maxHeight = '';
-            polityContainer2.style.overflowY = '';
         }
     } else {
         // Hide the component legend if there are no components to display

diff --git a/seshat/apps/core/templates/core/polity_map.html b/seshat/apps/core/templates/core/polity_map.html
@@ -60,7 +60,10 @@
         background-color: rgba(255, 253, 242, 1);
         padding: 10px;
         border-radius: 5px;
-        max-width: 200px;
+        width: 200px;
+        max-width: 50%;
+        max-height: 60%;
+        overflow-y: auto;
         z-index: 999;
     }
     #componentLegend2 {
@@ -70,7 +73,10 @@
         background-color: rgba(255, 253, 242, 1);
         padding: 10px;
         border-radius: 5px;
-        max-width: 200px;
+        width: 200px;
+        max-width: 50%;
+        max-height: 60%;
+        overflow-y: auto;
         z-index: 999;
     }
     .display-info-container {