From 784eb995f89b19a7d5dbc9abd46615060d8ecbc3 Mon Sep 17 00:00:00 2001 From: Anton Khorev Date: Thu, 8 May 2025 16:54:46 +0300 Subject: [PATCH] Add shadows to changeset highlights --- app/assets/javascripts/index/history-changesets-layer.js | 2 +- app/assets/stylesheets/common.scss | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/index/history-changesets-layer.js b/app/assets/javascripts/index/history-changesets-layer.js index 71974c6eb..6b8a2a2b3 100644 --- a/app/assets/javascripts/index/history-changesets-layer.js +++ b/app/assets/javascripts/index/history-changesets-layer.js @@ -76,7 +76,7 @@ OSM.HistoryChangesetBboxHighlightOutlineLayer = OSM.HistoryChangesetBboxLayer.ex weight: changeset.sidebarRelativePosition === 0 ? 8 : 6, color: "var(--changeset-outline-color)", fill: false, - className: this._getSidebarRelativeClassName(changeset) + className: this._getSidebarRelativeClassName(changeset) + " changeset-highlight-outline" }; } }); diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index d8a08e3db..f07529380 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -612,12 +612,18 @@ tr.turn { --changeset-border-color: #FF9500; --changeset-fill-color: #FFFFAF; --changeset-outline-color: #FFFFFF; + &.changeset-highlight-outline { + filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .75)); + } } .changeset-below-sidebar-viewport { --changeset-border-color: #8888AA; --changeset-fill-color: #CCCCDD; --changeset-outline-color: #F4F4FF; } +.changeset-highlight-outline { + filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .25)); +} #sidebar .changesets { .changeset-color-hint-bar { -- 2.39.5