diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss index c627ce787d3be5d22d58ff6a0ea095bf190f85e6..ab78e5e8566eda985041457d96a8b924d6a4f7c5 100644 --- a/src/app/components/network-legend/network-legend.component.scss +++ b/src/app/components/network-legend/network-legend.component.scss @@ -56,6 +56,7 @@ div.legend { height: $legend-circle-size; display: inline-block; text-align: center; + line-height: $legend-circle-line-height; } .triangle{ width: 0; diff --git a/src/app/network-settings.ts b/src/app/network-settings.ts index 46dfcf39da95860a566772ebb9541815666ceb27..649d1d9437579fa13c192c7dc9133b7e14f59642 100644 --- a/src/app/network-settings.ts +++ b/src/app/network-settings.ts @@ -148,8 +148,8 @@ export class NetworkSettings { node = merge(node, config.nodeGroups.selectedNode); } - // show image if image url is given - if (node.image) { + // show image if image url is given. If seed nodes are highlighted, ignore image property + if (node.image && !isSeed) { node.shape = 'image'; } diff --git a/src/app/pages/explorer-page/explorer-page.component.ts b/src/app/pages/explorer-page/explorer-page.component.ts index 98bbfcf66a914a6df94c11aebd51f432f6a5bff7..1d415f1ab967b1a508f104497c991d707ea2390f 100644 --- a/src/app/pages/explorer-page/explorer-page.component.ts +++ b/src/app/pages/explorer-page/explorer-page.component.ts @@ -506,6 +506,9 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit { if (!group.borderWidthSelected) { group.borderWidthSelected = 0; } + if (!group.font) { + group.font = defaultConfig.nodeGroups.default.font; + } // if color is set as string, add detail settings if (typeof group.color === 'string') { group.color = { diff --git a/src/variables.scss b/src/variables.scss index 0af86f913ed1e48944cadf86adcee813e4c2f106..ec9d882ba1294e16952fd420ea421a94dc0ce48d 100644 --- a/src/variables.scss +++ b/src/variables.scss @@ -18,6 +18,7 @@ $analysis-tab-header-padding: 1.5rem; $legend-default-background-color: #143d1f; $legend-row-height: 35px; $legend-circle-size: $legend-row-height; +$legend-circle-line-height: 28px; // for '...' in middle of circle $legend-star-size: 20px; $legend-square-width: $legend-row-height; $legend-edge-width: 20px;