Skip to content

BUG: codeblock on RTL locale puts copy button on the left while code is also on the left #8792

@YoniChechik

Description

@YoniChechik

Have you read the Contributing Guidelines on issues?

Prerequisites

Description

codeblock on RTL locale puts copy button on the left while code is also on the left.

This is my current hack to fix this

/*RTL hack! the copy botton of CodeBlock is set incorrectly, thiis is how to fix it*/
/*for dev*/
.buttonGroup_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module {
  left: 0.5rem !important;
  right: unset !important;
}
/*for prod*/
.buttonGroup__atx {
  left: 0.5rem !important;
  right: unset !important;
}

Reproducible demo

No response

Steps to reproduce

some RTL local with code block

Expected behavior

copy button shold stay on the right

Actual behavior

copy button is on the left

Your environment

No response

Self-service

  • I'd be willing to fix this bug myself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugAn error in the Docusaurus core causing instability or issues with its executiondomain: themeRelated to the default theme components

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions