app.py
def build_info_overlay(id, content):
    """
    Build div representing the info overlay for a plot panel
    """
    div = html.Div([  # modal div
        html.Div([  # content div
            html.Div([
                html.H3([
                    "Info",
                    html.Img(
                        id=f'close-{id}-modal',
                        src="assets/exit.svg",
                        n_clicks=0,
                        className='info-icon',
                        style={'margin': 0},
                    ),
                ], style={'color': 'white'}),
                dcc.Markdown(
                    content
                ),
            ])
        ],
            className='modal-content',
        ),
        html.Div(className='modal')
    ],
        id=f"{id}-modal",
        style={"display": "none"},
    )

    return div

    Build div representing the info overlay for a plot panel
    
Build div representing the info overlay for a plot panel
Build div representing the info overlay for a plot panel
def build_info_overlay(id, content):
    div = html.Div([  
        html.Div([  
            html.Div([
                html.H3([
                    "Info",
                    html.Img(
                        id=f'close-{id}-modal',
                        src="assets/exit.svg",
                        n_clicks=0,
                        className='info-icon',
                        style={'margin': 0},
                    ),
                ], style={'color': 'white'}),
                dcc.Markdown(
                    content
                ),
            ])
        ],
            className='modal-content',
        ),
        html.Div(className='modal')
    ],
        id=f"{id}-modal",
        style={"display": "none"},
    )
    return div
def build_info_overlay ( id , content ) : div = html . Div ( [ html . Div ( [ html . Div ( [ html . H3 ( [ "Info" , html . Img ( id = f'close-{id}-modal' , src = "assets/exit.svg" , n_clicks = 0 , className = 'info-icon' , style = { 'margin' : 0 } , ) , ] , style = { 'color' : 'white' } ) , dcc . Markdown ( content ) , ] ) ] , className = 'modal-content' , ) , html . Div ( className = 'modal' ) ] , id = f"{id}-modal" , style = { "display" : "none" } , ) return div
Build div representing the info overlay for a plot panel
Build div representing the info overlay for a plot panel
"""
    Build div representing the info overlay for a plot panel
    """ # modal div # content div
id
content