Skip to content

Commit c47f2ed

Browse files
authored
fix docs sidebar guide alignment (#6431)
1 parent d9b4a76 commit c47f2ed

1 file changed

Lines changed: 15 additions & 3 deletions

File tree

  • docs/app/reflex_docs/templates/docpage/sidebar

docs/app/reflex_docs/templates/docpage/sidebar/sidebar.py

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,17 @@ def sidebar_link(*children, **props):
106106
)
107107

108108

109+
def sidebar_leaf_guide(is_active: bool) -> rx.Component:
110+
"""Render the active sidebar leaf guide segment."""
111+
return (
112+
rx.el.div(
113+
class_name="absolute left-0 -top-1 -bottom-1 w-px bg-primary-10 pointer-events-none",
114+
)
115+
if is_active
116+
else rx.fragment()
117+
)
118+
119+
109120
def sidebar_leaf(
110121
item_index: str,
111122
item: SideBarItem,
@@ -151,6 +162,7 @@ def sidebar_leaf(
151162
sidebar_link(
152163
*active_background,
153164
rx.flex(
165+
sidebar_leaf_guide(is_active),
154166
rx.text(
155167
item.names,
156168
class_name=(
@@ -160,9 +172,9 @@ def sidebar_leaf(
160172
),
161173
),
162174
class_name=(
163-
f"border-l-[1.5px] border-primary-10 relative {guide_margin_class} max-w-[14rem] h-8 flex items-center"
175+
f"relative {guide_margin_class} max-w-[14rem] h-8 flex items-center"
164176
if is_active
165-
else "border-l-[1.5px] border-m-slate-4 dark:border-m-slate-9 hover:border-m-slate-8 dark:hover:border-m-slate-5 pl-4 h-8 flex items-center"
177+
else "relative pl-4 h-8 flex items-center"
166178
),
167179
),
168180
href=item.link,
@@ -216,7 +228,7 @@ def sidebar_item_comp(
216228
),
217229
rx.el.ul(
218230
rx.el.li(
219-
class_name=f"m-0 p-0 absolute {child_guide_left_class} size-full !shadow-[1.5px_0_0_0_var(--m-slate-4)_inset] dark:!shadow-[1.5px_0_0_0_var(--m-slate-9)_inset] z-[-1] pointer-events-none !rounded-none list-none",
231+
class_name=f"m-0 p-0 absolute {child_guide_left_class} top-0 bottom-0 w-px bg-m-slate-4 dark:bg-m-slate-9 z-[-1] pointer-events-none !rounded-none list-none",
220232
),
221233
*[
222234
sidebar_item_comp(

0 commit comments

Comments
 (0)