themesberg / themesberg/flowbite

RTL spacing Issue on some components

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

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

Spacing is wrong on some components.

This seems related to --tw-space-x-reverse

To Reproduce
Issue visible on flowbite website

Expected behavior
Spacing on RTL should respect same rules than LTR

Examples

breadcrumb

Component LTR RTL
Breadcrumb LTR RTL
Chat bubble Image Image
Mega Menu logo Image Image
Time Picker Image Image

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

Start by reproducing the RTL versions of the Breadcrumb, Chat bubble, Mega Menu logo, and Time Picker on the Flowbite website, then trace the spacing classes involving --tw-space-x-reverse. Done means these listed components preserve the same spacing rules in RTL as in LTR.

Written by the indexing model from the issue text.

Assessment

Tech stack
tailwindcss
Domain
frontend, internationalization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.