themesberg / themesberg/flowbite-react

SidebarCollapse arrow doesn't rotate

Open
#1,250 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.1k
Forks
506
PR merge metrics
No merged PRs in 30d

Description

Hi!
I have an issue with the SideBar Collapse arrow rotation.
When I click the SidebarCollapse to open it, the arrow doesn't change it rotation to aim down like the doc example from the flowbite-react library like in the attached imgs

when its close:
2023-09-01 094328

when its open:
2023-09-01 094405

Here, in the theme section of the component, it have the rotation property when the collapse is open.
image

But, in my project, the theme.js of the Sidebar componente doesn't have the rotate property.
I have 0.4.10 version.

image

What can I do to fix this? I need to rotate that arrow for my project 😊

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Compare the Sidebar component's theme.js configuration in flowbite-react 0.4.10 with the documented SidebarCollapse example and its open/closed screenshots. Trace the SidebarCollapse arrow styling and verify that the arrow rotates downward when open and returns when closed.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.