Merge pull request #330 from BenediktSeidlSWM/layertree-click

Select layers when clicking on title
qgis · Sep 24, 2024 · 7841ec2 · 7841ec2
2 parents 6a84c81 + 647ab3a
commit 7841ec2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/plugins/LayerTree.jsx b/plugins/LayerTree.jsx
@@ -247,7 +247,7 @@ class LayerTree extends React.Component {
                 <div className={classnames(itemclasses)}>
                     {showExpander ? (<Icon className="layertree-item-expander" icon={expanderstate} onClick={() => this.groupExpandedToggled(layer, path, group.expanded)} />) : (<span className="layertree-item-expander" />)}
                     <Icon className="layertree-item-checkbox" icon={checkboxstate} onClick={() => this.itemVisibilityToggled(layer, path, visibility)} />
-                    <span className="layertree-item-title" title={group.title}>{group.title}</span>
+                    <span className="layertree-item-title" onClick={() => this.itemVisibilityToggled(layer, path, visibility)} title={group.title}>{group.title}</span>
                     {LayerUtils.hasQueryableSublayers(group) && this.props.allowSelectIdentifyableLayers ? (<Icon className={"layertree-item-identifyable " + identifyableClassName}  icon="info-sign" onClick={() => this.itemOmitQueryableToggled(layer, path, omitqueryable)} />) : null}
                     <span className="layertree-item-spacer" />
                     <Icon className={optMenuClasses} icon="cog" onClick={() => this.layerMenuToggled(group.uuid)}/>
@@ -315,7 +315,7 @@ class LayerTree extends React.Component {
         if (layer.type === "separator") {
             title = (<input onChange={ev => this.props.changeLayerProperty(layer.uuid, "title", ev.target.value)} value={sublayer.title}/>);
         } else {
-            title = (<span className="layertree-item-title" title={sublayer.title}>{sublayer.title}</span>);
+            title = (<span className="layertree-item-title" onClick={() => this.itemVisibilityToggled(layer, path, sublayer.visibility)} title={sublayer.title}>{sublayer.title}</span>);
         }
         let queryableicon = null;
         if (this.props.allowSelectIdentifyableLayers) {

diff --git a/plugins/style/LayerTree.css b/plugins/style/LayerTree.css
@@ -163,6 +163,7 @@ img.layertree-item-legend-tooltip {
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 0 1 auto;
+    cursor: pointer;
 }
 
 #LayerTree div.layertree-item-noresults {