diff --git a/lib/components/OperationsList/operations-list.scss b/lib/components/OperationsList/operations-list.scss
index 04f32b6f..a66e1310 100644
--- a/lib/components/OperationsList/operations-list.scss
+++ b/lib/components/OperationsList/operations-list.scss
@@ -12,7 +12,6 @@
.tag-info {
padding: $section-spacing;
box-sizing: border-box;
- background-color: white;
width: 60%;
@media (max-width: $right-panel-squash-breakpoint) {
diff --git a/lib/components/OperationsList/operations-list.ts b/lib/components/OperationsList/operations-list.ts
index a0284321..620f4c3f 100644
--- a/lib/components/OperationsList/operations-list.ts
+++ b/lib/components/OperationsList/operations-list.ts
@@ -30,7 +30,10 @@ export class OperationsList extends BaseComponent implements OnInit {
if (!menuItem.metadata) return;
if (menuItem.metadata.type === 'tag') {
- this.tags.push(menuItem);
+ this.tags.push({
+ ...menuItem,
+ anchor: this.buildAnchor(menuItem.id)
+ });
}
if (menuItem.metadata.type === 'operation' && !menuItem.parent) {
emptyTag.items.push(menuItem);
@@ -39,6 +42,11 @@ export class OperationsList extends BaseComponent implements OnInit {
if (emptyTag.items.length) this.tags.push(emptyTag);
}
+ buildAnchor(tagId):string {
+ return this.menu.hashFor(tagId,
+ { type: 'tag'});
+ }
+
trackByTagName(_, el) {
return el.name;
}