diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx index a3f510ab537..5702cba1d97 100644 --- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx +++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx @@ -24,6 +24,7 @@ import { StyledLabelChip } from 'neo4j-arc/common' import { GraphStyleModel } from 'neo4j-arc/graph-visualization' import { GrassEditor } from './GrassEditor' +import { StyledPopup } from './styled' export type StyleableNodeLabelProps = { selectedLabel: { @@ -48,7 +49,7 @@ export function StyleableNodeLabel({ selectedLabel.label === '*' ? allNodesCount : selectedLabel.count return ( - - + ) } diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx index a1987bc2ede..9d3dff4603a 100644 --- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx +++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx @@ -17,10 +17,17 @@ * You should have received a copy of the GNU General Public License * along with this program. If not, see . */ +import { Popup, PopupProps } from 'semantic-ui-react' import styled from 'styled-components' export const legendRowHeight = 32 +export const StyledPopup = styled>(Popup)` + && { + background: ${props => props.theme.editorBackground}; + } +` + export const StyledInlineList = styled.ul` list-style: none; word-break: break-word;