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