refator(layermanaer): Better dropdown indication for layers

Add arrow to the settings-gear icon
hslayers · Jul 29, 2024 · cb60f0d · cb60f0d
1 parent f25075f
commit cb60f0d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/projects/hslayers/components/layer-manager/layer-manager.component.html b/projects/hslayers/components/layer-manager/layer-manager.component.html
@@ -74,9 +74,9 @@
                         [ngbTooltip]="layer.abstract ? abstractTooltip : ''" [closeDelay]="layerTooltipDelay">
                         {{layer.title | translateHs : 'LAYERS' }}
                     </div>
-                    <div class="ps-1 info_btn" style="cursor: pointer;">
-                        <span class="icon-settingsthree-gears text-secondary"
-                            (click)="hsLayerManagerService.toggleLayerEditor(layer,'settings','sublayers')"
+                    <div class="ps-1 info_btn text-secondary dropdown-toggle" style="cursor: pointer;" 
+                    (click)="hsLayerManagerService.toggleLayerEditor(layer,'settings','sublayers')">
+                        <span class="icon-settingsthree-gears"
                             [title]="'COMMON.info' | translateHs" data-toggle="tooltip" data-container="body"
                             data-placement="auto"></span>
                     </div>
@@ -177,4 +177,4 @@
             [hidden]="!hsLayerSelectorService.currentLayer" class="hs-layerpanel w-100">
         </hs-layer-editor>
         </ div>
-    </div>
+    </div>
diff --git a/...cts/hslayers/components/layer-manager/logical-list/layer-manager-layerlist.component.html b/...cts/hslayers/components/layer-manager/logical-list/layer-manager-layerlist.component.html
@@ -48,9 +48,8 @@
                         [title]="'LAYERMANAGER.layerList.layerIsQueryable' | translateHs  "
                         (click)="$event.stopPropagation()"></i>
                 </div>
-                <div class="ps-1 info_btn me-1">
-                    <span class="icon-settingsthree-gears text-secondary"
-                        (click)="hsLayerManagerService.toggleLayerEditor(layer,'settings','sublayers')"
+                <div class="ps-1 info_btn me-1 text-secondary dropdown-toggle" (click)="hsLayerManagerService.toggleLayerEditor(layer,'settings','sublayers')"> 
+                    <span class="icon-settingsthree-gears"
                         [title]="'COMMON.info' | translateHs  " data-toggle="tooltip" data-container="body"
                         data-placement="auto"></span>
                 </div>
@@ -63,4 +62,4 @@
 
         </li>
     </ul>
-</div>
+</div>