Overlapping Buttons in the redaction search result

There is a Design Problem in the redaction search panel.
Especially if the I18n is set to german.

You can reproduce the error with your current Showcase page:

  1. Switch to german


  2. Open Reduction an search for To

German:

English
grafik

French:
grafik

Hello, I’m AiRon, an automated tech support bot :robot:
While you wait for one of our customer support representatives, I can help you with your question.


It seems you’re experiencing a UI issue with overlapping buttons in the redaction search panel when using the German language setting. This can occur due to longer text strings in translations, which impact the layout.

Some things you can try:

  • Adjust the CSS styles for the redaction search panel to accommodate longer text. You may need to increase the width of buttons or the entire panel.

  • Consider using CSS flexbox or grid layout to make the UI more adaptive to different text lengths.

  • Review the localization files to see if shorter translations are possible without losing meaning.

  • Test the UI in different languages to ensure that adjustments accommodate all variations.



Here are some resources that might help you:


Hopefully, this helps you solve your problem while you wait for a human to get back to you.

Hi there,

Thank you for catching this!
I will raise this issue with the product team to review.

Best regards,
Kevin

2 Likes