From d023eb9dad335b3c33fde584127fc5767183094b Mon Sep 17 00:00:00 2001 From: izawartka <59137928+izawartka@users.noreply.github.com> Date: Fri, 15 Aug 2025 20:28:36 +0200 Subject: [PATCH] Icon tweaks *Moved TrackHoverInfo icons to src/icons/track-hover-info *Tweaked TrackHoverInfo css -Removed width and height icon params --- .../map/track-hover-info/TrackHoverInfo.css | 5 +++++ src/icons/index.js | 12 ++++++------ src/icons/{ => track-hover-info}/hash.js | 4 ++-- src/icons/{ => track-hover-info}/lightning.js | 4 ++-- src/icons/{ => track-hover-info}/question-mark.js | 4 ++-- src/icons/{ => track-hover-info}/radius.js | 4 ++-- src/icons/{ => track-hover-info}/slope.js | 4 ++-- src/icons/{ => track-hover-info}/speed.js | 4 ++-- 8 files changed, 23 insertions(+), 18 deletions(-) rename src/icons/{ => track-hover-info}/hash.js (58%) rename src/icons/{ => track-hover-info}/lightning.js (70%) rename src/icons/{ => track-hover-info}/question-mark.js (82%) rename src/icons/{ => track-hover-info}/radius.js (55%) rename src/icons/{ => track-hover-info}/slope.js (87%) rename src/icons/{ => track-hover-info}/speed.js (54%) diff --git a/src/components/map/track-hover-info/TrackHoverInfo.css b/src/components/map/track-hover-info/TrackHoverInfo.css index 957440b..a2caf03 100644 --- a/src/components/map/track-hover-info/TrackHoverInfo.css +++ b/src/components/map/track-hover-info/TrackHoverInfo.css @@ -12,6 +12,11 @@ padding: 1em; } +.track-hover-info-popup svg { + width: 1.2em; + height: 1.2em; +} + .track-hover-info-popup table { border-spacing: 2px; } diff --git a/src/icons/index.js b/src/icons/index.js index 40a1993..7e8b268 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -1,6 +1,6 @@ -export { HashIcon } from "./hash"; -export { SpeedIcon } from "./speed"; -export { LightningIcon } from "./lightning"; -export { QuestionMarkIcon } from "./question-mark"; -export { SlopeIcon } from "./slope"; -export { RadiusIcon } from "./radius"; +export { HashIcon } from "./track-hover-info/hash"; +export { SpeedIcon } from "./track-hover-info/speed"; +export { LightningIcon } from "./track-hover-info/lightning"; +export { QuestionMarkIcon } from "./track-hover-info/question-mark"; +export { SlopeIcon } from "./track-hover-info/slope"; +export { RadiusIcon } from "./track-hover-info/radius"; diff --git a/src/icons/hash.js b/src/icons/track-hover-info/hash.js similarity index 58% rename from src/icons/hash.js rename to src/icons/track-hover-info/hash.js index 5394c9a..4cf51c8 100644 --- a/src/icons/hash.js +++ b/src/icons/track-hover-info/hash.js @@ -1,5 +1,5 @@ -export const HashIcon = ({width = 100, height = 100, color = '#aaa', strokeWidth = 3}) => ( - +export const HashIcon = ({color = '#aaa', strokeWidth = 3}) => ( + diff --git a/src/icons/lightning.js b/src/icons/track-hover-info/lightning.js similarity index 70% rename from src/icons/lightning.js rename to src/icons/track-hover-info/lightning.js index f979a19..c2b15ed 100644 --- a/src/icons/lightning.js +++ b/src/icons/track-hover-info/lightning.js @@ -1,5 +1,5 @@ -export const LightningIcon = ({width = 100, height = 100, color = '#aaa', strokeWidth = 3}) => ( - +export const LightningIcon = ({color = '#aaa', strokeWidth = 3}) => ( + diff --git a/src/icons/question-mark.js b/src/icons/track-hover-info/question-mark.js similarity index 82% rename from src/icons/question-mark.js rename to src/icons/track-hover-info/question-mark.js index a41c240..325e355 100644 --- a/src/icons/question-mark.js +++ b/src/icons/track-hover-info/question-mark.js @@ -1,5 +1,5 @@ -export const QuestionMarkIcon = ({width = 100, height = 100, color = '#aaa', strokeWidth = 3}) => ( - +export const QuestionMarkIcon = ({color = '#aaa', strokeWidth = 3}) => ( + ); \ No newline at end of file diff --git a/src/icons/radius.js b/src/icons/track-hover-info/radius.js similarity index 55% rename from src/icons/radius.js rename to src/icons/track-hover-info/radius.js index 0a10267..ae6fa8c 100644 --- a/src/icons/radius.js +++ b/src/icons/track-hover-info/radius.js @@ -1,5 +1,5 @@ -export const RadiusIcon = ({width = 100, height = 100, color = '#000', strokeWidth = 3}) => ( - +export const RadiusIcon = ({color = '#000', strokeWidth = 3}) => ( + diff --git a/src/icons/slope.js b/src/icons/track-hover-info/slope.js similarity index 87% rename from src/icons/slope.js rename to src/icons/track-hover-info/slope.js index 0ad58fb..38cced7 100644 --- a/src/icons/slope.js +++ b/src/icons/track-hover-info/slope.js @@ -1,5 +1,5 @@ -export const SlopeIcon = ({width = 100, height = 100, color = '#000', strokeWidth = 3}) => ( - +export const SlopeIcon = ({color = '#000', strokeWidth = 3}) => ( + diff --git a/src/icons/speed.js b/src/icons/track-hover-info/speed.js similarity index 54% rename from src/icons/speed.js rename to src/icons/track-hover-info/speed.js index b5d3d91..19611fc 100644 --- a/src/icons/speed.js +++ b/src/icons/track-hover-info/speed.js @@ -1,5 +1,5 @@ -export const SpeedIcon = ({width = 100, height = 100, color = '#aaa', strokeWidth = 3}) => ( - +export const SpeedIcon = ({color = '#aaa', strokeWidth = 3}) => ( +