iachat/app/javascript/dashboard/components-next
Shivam Mishra 6e6c5a2f02
refactor: use css only last item detection (#10363)
The last item in the sidebar top level group has an indicator specified,
the problem in our case is that the structure can be nested and have sub
groups. So selecting the last item correctly can be tricky.

Previous implementation relied on the using DOM queries to find the last
item from a flat list of children, it would trigger on a `watch`. This
was error-prone as well as non idiomatic. The new approach is CSS-only
and reduces the unnecessary compute required.

Codepen for reference: https://codepen.io/scmmishra/pen/yLmKNLW

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2024-10-31 09:39:18 +05:30
..
avatar feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
breadcrumb feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
button fix: Dropdown menu issues (#10364) 2024-10-29 16:10:35 +05:30
colorpicker feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
combobox fix: Dropdown menu issues (#10364) 2024-10-29 16:10:35 +05:30
dialog feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
dropdown-menu fix: Dropdown menu issues (#10364) 2024-10-29 16:10:35 +05:30
HelpCenter fix: Dropdown menu issues (#10364) 2024-10-29 16:10:35 +05:30
icon feat: Add new sidebar for Chatwoot V4 (#10291) 2024-10-23 18:32:37 -07:00
inline-input feat(v4): Update the help center portal design (#10296) 2024-10-23 22:09:36 -07:00
input feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
pagination feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
sidebar refactor: use css only last item detection (#10363) 2024-10-31 09:39:18 +05:30
spinner feat: Add Spinner to new components (#10303) 2024-10-16 17:53:46 -07:00
tabbar feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
taginput feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
textarea feat(v4): Update the help center portal design (#10296) 2024-10-23 22:09:36 -07:00
thumbnail feat: Update button component (#10362) 2024-10-29 14:00:24 +05:30
CardLayout.vue feat: new colors (#10352) 2024-10-28 14:27:08 +05:30
EmptyStateLayout.vue feat(v4): Update the help center portal design (#10296) 2024-10-23 22:09:36 -07:00