Skip to content

Search Field with RTL Language direction #12131

@webchroma

Description

@webchroma

Describe the bug

It is a CSS bug: when displaying decidim with an RTL Language, the search field border get's broken.

To Reproduce

Go to Developer Tools
In the Html Tag add dir="rtl"

Expected behavior

The border-right and border-left properties of both the input and the button should be swapped when displayed in RTL.

Screenshots

No response

Stacktrace

No response

Extra data

  • Device:
  • Device OS: MacOS
  • Browser: ALL
  • Decidim Version: 0.27.4 and 0.28 -> Here the button doesn't move to the right
  • Decidim installation: don't know

Additional context

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions