Merge pull request #390 from stuartwoodman/AUS-4168-Custom-Layer-Name…

…s-Too-Long AUS-4168 Custom Layer Names Too Long
AuScope · Jun 11, 2024 · 714cac1 · 714cac1
2 parents c26c3de + 4d8e626
commit 714cac1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/app/menupanel/activelayers/activelayerspanel.component.html b/src/app/menupanel/activelayers/activelayerspanel.component.html
@@ -12,7 +12,7 @@
                     <i style="margin-left: 0;" class="ti-exchange-vertical" title="Drag to reorder"></i>
                 </div>
                 <!-- Title, loader spinner and delete button -->
-                <div class="activeLayerTitle">{{ layer.name }}</div>
+                <div class="activeLayerTitle" title="{{ layer.name }}">{{ layer.name }}</div>
                 <span style="margin-left: auto;" *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted()" class="project-percentage hasEvent light-blue">
                     <i *ngIf="!getUILayerModel(layer.id).statusMap.getRenderComplete()" class="fa fa-spin fa-spinner"></i>
                     <i *ngIf="getUILayerModel(layer.id).statusMap.getContainsError()" class="fa fa-warning text-warning"></i>

diff --git a/src/app/menupanel/activelayers/activelayerspanel.component.scss b/src/app/menupanel/activelayers/activelayerspanel.component.scss
@@ -103,6 +103,8 @@
     .activeLayerTitle {
       font-size: 1.1rem;
       margin-right: 2px;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
   }