from Toolbox.parameters.default_parameters import background_color

outer_card_under_header={
    "height": "calc(100vh - 175px)",
    "display": "flex",
    "flexDirection": "column",
    "padding": "0px",
    "overflow": "hidden"
}

filter_card_background={
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "1px",
    "flexShrink": "0"
}

filter_inner_card={
    "display": "flex",
    "gap": "10px",
    "alignItems": "flex-end",
    "width": "100%",
}

plot_card_3x2_background_main={
    "display": "grid",
    "gridTemplateColumns": "1fr 1.75fr 1fr",
    "gridTemplateRows": "1fr 1fr",
    "gap": "15px",
    "padding": "15px",
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "6px",
    "marginTop": "10px",
    "marginBottom": "10px",
    "flexGrow": "1",
    "minHeight": "1000",
    "height": "100%"
}

plot_card_3x2_background_simple={
    "display": "grid",
    "gridTemplateColumns": "1fr 1fr 1fr",
    "gridTemplateRows": "1fr 1fr",
    "gap": "15px",
    "padding": "15px",
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "6px",
    "marginTop": "10px",
    "marginBottom": "10px",
    "flexGrow": "1",
    "minHeight": "0",
    "height": "100%"
}

plot_card_2x2_background_simple={
    "display": "grid",
    "gridTemplateColumns": "1fr 1fr",
    "gridTemplateRows": "1fr 1fr",
    "gap": "15px",
    "padding": "15px",
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "6px",
    "marginTop": "10px",
    "marginBottom": "10px",
    "flexGrow": "1",
    "minHeight": "0",
    "height": "100%"
}

plot_card_4x2_background_simple={
    "display": "grid",
    "gridTemplateColumns": "1fr 1fr 1fr 1fr",
    "gridTemplateRows": "1fr 1fr",
    "gap": "15px",
    "padding": "15px",
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "6px",
    "marginTop": "10px",
    "marginBottom": "10px",
    "flexGrow": "1",
    "minHeight": "0",
    "height": "100%"
}

plot_card={
    "display": "flex",
    "flexDirection": "column",
    "backgroundColor": "white",
    "border": "1px solid #e3e6ea",
    "borderRadius": "6px",
    "padding": "10px",
    "height": "100%", 
    "minHeight": "0",
}

#---
# span plot over 2 grid cells
#---
main_plot_card={
    "gridColumn": "2",
    "gridRow": "1 / span 2",
    "height": "100%", 
    "minHeight": "0",  
}

legend_card_background={
    "padding": "5px",
    "backgroundColor": background_color,
    "border": "1px solid #dee2e6",
    "borderRadius": "1px",
    "flexShrink": "0"
}