- scroll path when outfit gets long

sagrd · Jun 24, 2023 · 6f67c12 · 6f67c12
1 parent d6059af
commit 6f67c12
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/css/path.css b/css/path.css
@@ -57,3 +57,12 @@ div.perkRow {
 div.perkRow .row_key {
 	float: none;
 }
+
+#pathScroller {
+	padding-top: 10px;
+	position: relative;
+	top: -10px;
+	max-height: 660px;
+	width: 475px;
+	overflow-y: auto;
+}
diff --git a/script/path.js b/script/path.js
@@ -32,9 +32,11 @@ var Path = {
 		this.panel = $('<div>').attr('id', "pathPanel")
 			.addClass('location')
 			.appendTo('div#locationSlider');
+
+		this.scroller = $('<div>').attr('id', 'pathScroller').appendTo(this.panel);
 
 		// Add the outfitting area
-		var outfitting = $('<div>').attr({'id': 'outfitting', 'data-legend': _('supplies:')}).appendTo(this.panel);
+		var outfitting = $('<div>').attr({'id': 'outfitting', 'data-legend': _('supplies:')}).appendTo(this.scroller);
 		$('<div>').attr('id', 'bagspace').appendTo(outfitting);
 
 		// Add the embark button
@@ -44,7 +46,7 @@ var Path = {
 			click: Path.embark,
 			width: '80px',
 			cooldown: World.DEATH_COOLDOWN
-		}).appendTo(this.panel);
+		}).appendTo(this.scroller);
 
 		Path.outfit = $SM.get('outfit');