From: Anton Khorev <tony29@yandex.ru>
Date: Sat, 12 Apr 2025 01:14:17 +0000 (+0300)
Subject: Add color hint bars around changesets list
X-Git-Tag: live~31^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/54ff32e5dc7e3327bd0c43c4e29b101d65405692?ds=inline;hp=--cc

Add color hint bars around changesets list
---

54ff32e5dc7e3327bd0c43c4e29b101d65405692
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;