diff --git a/lib/components/OperationsList/operations-list.html b/lib/components/OperationsList/operations-list.html index 0907c592..aa57ed89 100644 --- a/lib/components/OperationsList/operations-list.html +++ b/lib/components/OperationsList/operations-list.html @@ -1,7 +1,7 @@
-

{{tag.name}}

+

{{tag.name}}

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; }