From 54ff32e5dc7e3327bd0c43c4e29b101d65405692 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Sat, 12 Apr 2025 04:14:17 +0300
Subject: [PATCH] Add color hint bars around changesets list

---
 app/assets/javascripts/index/history.js | 4 ++++
 app/assets/stylesheets/common.scss      | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/app/assets/javascripts/index/history.js b/app/assets/javascripts/index/history.js
index 74b9a4e24..8a3ba28ae 100644
--- a/app/assets/javascripts/index/history.js
+++ b/app/assets/javascripts/index/history.js
@@ -105,6 +105,10 @@ OSM.History = function (map) {
   function displayFirstChangesets(html) {
     $("#sidebar_content .changesets").html(html);
 
+    $("#sidebar_content .changesets ol")
+      .before($("<div class='changeset-color-hint-bar opacity-75 sticky-top changeset-above-sidebar-viewport'>"))
+      .after($("<div class='changeset-color-hint-bar opacity-75 sticky-bottom changeset-below-sidebar-viewport'>"));
+
     if (location.pathname === "/history") {
       setPaginationMapHashes();
     }
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 681e89812..de8611e9d 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -618,6 +618,11 @@ tr.turn {
 }
 
 #sidebar .changesets {
+  .changeset-color-hint-bar {
+    height: 2px;
+    background: var(--changeset-border-color);
+  }
+
   li {
     &.selected {
       @extend :hover;
-- 
2.39.5