Skip to content

Commit 0ac41df

Browse files
authored
Increase case study click area in navbar (#6529)
* Increase case study click area in navbar * add aria label * bump
1 parent a339f76 commit 0ac41df

3 files changed

Lines changed: 27 additions & 10 deletions

File tree

docs/app/reflex.lock/bun.lock

Lines changed: 16 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/app/reflex.lock/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"export": "react-router build"
77
},
88
"dependencies": {
9-
"@base-ui/react": "1.4.1",
9+
"@base-ui/react": "1.5.0",
1010
"@glideapps/glide-data-grid": "6.0.3",
1111
"@hugeicons/core-free-icons": "4.1.1",
1212
"@hugeicons/react": "1.1.6",

packages/reflex-site-shared/src/reflex_site_shared/views/marketing_navbar.py

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -442,10 +442,9 @@ def case_studies_column() -> rx.Component:
442442
class_name="px-4 pt-4 flex flex-col",
443443
),
444444
rx.el.div(
445-
rx.el.elements.a(
445+
rx.el.span(
446446
"How Autodesk saved 25% of their development time",
447-
href="/customers",
448-
class_name="text-secondary-12 text-lg font-[525] hover:text-primary-10 dark:hover:text-primary-9 mt-auto",
447+
class_name="text-secondary-12 text-lg font-[525] group-hover:text-primary-10 dark:group-hover:text-primary-9 mt-auto",
449448
),
450449
rx.el.div(
451450
badge("Enterprise"),
@@ -455,7 +454,7 @@ def case_studies_column() -> rx.Component:
455454
class_name="flex flex-col gap-2 px-4 pb-4",
456455
),
457456
rx.el.div(
458-
class_name="h-px w-[calc(100%+2rem)] -mx-4 shrink-0 bg-secondary-4",
457+
class_name="h-px w-[calc(100%+2rem)] -mx-4 shrink-0 bg-secondary-4 relative z-10",
459458
),
460459
rx.el.div(
461460
demo_form_dialog(
@@ -476,8 +475,14 @@ def case_studies_column() -> rx.Component:
476475
class_name="flex flex-col px-4 py-2 rounded-sm hover-card-shadow cursor-pointer ",
477476
),
478477
),
478+
class_name="relative z-10",
479+
),
480+
rx.el.elements.a(
481+
href="/customers",
482+
class_name="absolute inset-0",
483+
custom_attrs={"aria-label": "View Autodesk case study"},
479484
),
480-
class_name="flex flex-col relative h-full justify-between",
485+
class_name="group flex flex-col relative h-full justify-between",
481486
),
482487
class_name="p-4 block z-[1] bg-secondary-1 dark:border-x dark:border-secondary-4 w-[296px]",
483488
)

0 commit comments

Comments
 (0)