Skip to content

RTL Sidebar Toggle Issue in Arabic Interface (Jazzmin 3.0.4) #678

Description

@aminegit2018

RTL Sidebar Toggle Issue in Arabic Interface (Jazzmin 3.0.4)

Description

I'm using Jazzmin 3.0.4 with Django admin in a multilingual project (French + Arabic).

The sidebar toggle button works correctly in the French interface (LTR), but it does not behave properly in the Arabic interface (RTL).

Expected Behavior

When clicking the sidebar toggle button in RTL mode:

  • the sidebar should collapse/hide correctly,
  • the content area should expand normally,
  • behavior should match the LTR/French interface.

Actual Behavior

In Arabic (RTL):

  • the sidebar remains visible on the right side,

LTR/French works perfectly.

Environment

  • Django: 5.2.13
  • Jazzmin: 3.0.4
  • Browser: Chrome / Edge
  • Dockerized environment
  • RTL language: Arabic

Reproduction Steps

  1. Install Jazzmin 3.0.4
  2. Enable Arabic language (LANGUAGE_CODE = "ar")
  3. Open Django admin
  4. Click the sidebar toggle button
  5. Observe that the sidebar stays visible on the right side

Notes

This appears to be related to RTL sidebar positioning/styles not being handled correctly when the sidebar collapse class is applied.

Possibly related to:

  • RTL CSS rules,
  • sidebar positioning,
  • or AdminLTE RTL compatibility.

Temporary Workaround

I’m currently working on a local patch using custom static files/template overrides instead of modifying site-packages directly.

Additional Information

The issue only occurs in RTL mode.
LTR mode works correctly.

Thanks for the great project.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions