laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accordion styling fix (#2420)

Browse Source
This commit is contained in:
Elijah Ahianyo 2024-01-22 13:04:01 -08:00 committed by GitHub
parent f513f4c089
commit bd22bcfa60
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
reflex/components/radix/primitives/accordion.py
View File

@ -115,10 +115,6 @@ def get_theme_accordion_item():
"overflow": "hidden", "overflow": "hidden",
"width": "100%", "width": "100%",
"margin_top": "1px", "margin_top": "1px",
# "background_color": "var(--accent-3)",
# "background_color": cond(
# color_scheme == "primary", "var(--accent-3)", "var(--slate-3)"
# ),
"&:first-child": { "&:first-child": {
"margin_top": 0, "margin_top": 0,
"border_top_left_radius": "4px", "border_top_left_radius": "4px",
@ -165,8 +161,8 @@ def get_theme_accordion_trigger(variant: str | Var, color_scheme: str | Var) ->
{ {
"color": cond( "color": cond(
color_scheme == "primary", color_scheme == "primary",
"var(--accent-9-contrast)", "var(--accent-11)",
"var(--slate-9-contrast)", "var(--slate-11)",
), ),
"&:hover": { "&:hover": {
"background_color": cond( "background_color": cond(
@ -195,7 +191,6 @@ def get_theme_accordion_trigger(variant: str | Var, color_scheme: str | Var) ->
"align_items": "center", "align_items": "center",
"justify_content": "space-between", "justify_content": "space-between",
"font_size": "15px", "font_size": "15px",
"box_shadow": "0 1px 0 var(--accent-6)",
"line_height": 1, "line_height": 1,
} }
), ),
@ -238,7 +233,6 @@ def get_theme_accordion_trigger(variant: str | Var, color_scheme: str | Var) ->
"align_items": "center", "align_items": "center",
"justify_content": "space-between", "justify_content": "space-between",
"font_size": "15px", "font_size": "15px",
"box_shadow": "0 1px 0 var(--accent-6)",
"line_height": 1, "line_height": 1,
} }
), ),
@ -251,7 +245,11 @@ def get_theme_accordion_trigger(variant: str | Var, color_scheme: str | Var) ->
"var(--accent-9-contrast)", "var(--accent-9-contrast)",
"var(--slate-9-contrast)", "var(--slate-9-contrast)",
), ),
"box_shadow": "0 1px 0 var(--accent-6)", "box_shadow": cond(
color_scheme == "primary",
"0 1px 0 var(--accent-6)",
"0 1px 0 var(--slate-11)",
),
"&:hover": { "&:hover": {
"background_color": cond( "background_color": cond(
color_scheme == "primary", "var(--accent-10)", "var(--slate-10)" color_scheme == "primary", "var(--accent-10)", "var(--slate-10)"
@ -304,11 +302,8 @@ def get_theme_accordion_content(variant: str | Var, color_scheme: str | Var) ->
"font_size": "10px", "font_size": "10px",
"color": cond( "color": cond(
color_scheme == "primary", color_scheme == "primary",
"var(--accent-9-contrast)", "var(--accent-11)",
"var(--slate-9-contrast)", "var(--slate-11)",
),
"background_color": cond(
color_scheme == "primary", "var(--accent-3)", "var(--slate-3)"
), ),
"padding": "15px, 20px", "padding": "15px, 20px",
"&[data-state='open']": { "&[data-state='open']": {
@ -330,10 +325,19 @@ def get_theme_accordion_content(variant: str | Var, color_scheme: str | Var) ->
{ {
"overflow": "hidden", "overflow": "hidden",
"font_size": "10px", "font_size": "10px",
"color": cond( "color": match(
color_scheme == "primary", variant,
"var(--accent-9-contrast)", (
"var(--slate-9-contrast)", "classic",
cond(
color_scheme == "primary",
"var(--accent-9-contrast)",
"var(--slate-9-contrast)",
),
),
cond(
color_scheme == "primary", "var(--accent-11)", "var(--slate-11)"
),
), ),
"background_color": match( "background_color": match(
variant, variant,