From b2f0cf23e846bb1ae7ae6ba4039631e4a7742048 Mon Sep 17 00:00:00 2001
From: paulmwatson <github.com@paulmwatson.com>
Date: Fri, 30 May 2025 11:34:34 +0200
Subject: [PATCH] Added title attributes to indicator tree view

---
 .../data_mapper/components/indicator_tree_view.js         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/js/elements/data_mapper/components/indicator_tree_view.js b/src/js/elements/data_mapper/components/indicator_tree_view.js
index 4abf5acf..4de1d7a5 100644
--- a/src/js/elements/data_mapper/components/indicator_tree_view.js
+++ b/src/js/elements/data_mapper/components/indicator_tree_view.js
@@ -90,7 +90,7 @@ const SubindicatorItemView = (props) => {
             label={
                 <Box sx={{display: 'flex', alignItems: 'center', p: 0.5, pr: 0}}>
                     <Typography variant="body2" sx={{fontSize: '1em', letterSpacing: '.3px', color: '#666'}}
-                                className={"truncate"}>
+                                className={"truncate"} title={props.subindicator}>
                         {props.subindicator}
                     </Typography>
                 </Box>
@@ -156,7 +156,7 @@ const IndicatorItemView = (props) => {
             <StyledIndicatorTreeItem nodeId={`datamapper-indicator-${props.indicator.id}`} label={
                 <Box sx={{display: 'flex', alignItems: 'center', p: 0.5, pr: 0}}>
                     <Typography variant="body2" sx={{fontSize: '1em', letterSpacing: '.3px', color: '#666'}}
-                                className="indicator-item">
+                                className="indicator-item" title={props.indicator.label}>
                         {props.indicator.label}
                     </Typography>
                 </Box>
@@ -207,7 +207,7 @@ const IndicatorSubCategoryTreeView = (props) => {
             <StyledSubCategoryTreeItem nodeId={`datamapper-subcategory-${props.subcategory.id}`} label={
                 <Box sx={{display: 'flex', alignItems: 'center', p: 0.5, pr: 0}}>
                     <Typography variant="body2" sx={{fontSize: '1em', fontWeight: '500', letterSpacing: '.3px'}}
-                                className="indicator-subcategory">
+                                className="indicator-subcategory" title={props.subcategory.name}>
                         {props.subcategory.name}
                     </Typography>
                 </Box>
@@ -243,7 +243,7 @@ const IndicatorCategoryTreeView = (props) => {
     return (
         <StyledCategoryTreeItem nodeId={`datamapper-category-${props.category.id}`} label={
             <Box sx={{display: 'flex', alignItems: 'center', p: 0.5, pr: 0}}>
-                <Typography variant="body2" sx={{fontSize: '.9em', fontWeight: '500', letterSpacing: '.3px'}}>
+                <Typography variant="body2" sx={{fontSize: '.9em', fontWeight: '500', letterSpacing: '.3px'}} title={props.category.name}>
                     {props.category.name}
                 </Typography>
             </Box>