toeverything/AFFiNE★ 72,182

fix(core): handle text overflow styles for search box

Mergedopened · merged · #8054

  • app:core

About toeverything/AFFiNE

There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.

  • app
  • crdt
  • editor
  • electron
  • knowledge-base
  • markdown
  • miro
  • notes

The change

Description: This PR implements dynamic text handling for the search box to ensure that text is truncated with an ellipsis when it exceeds the box's size. This enhancement improves the display of search box labels across different languages by ensuring that text is consistently presented, even when it is longer than the available space. Fix: Issue #8007 Changes Made: • Added CSS to dynamically apply the ellipsis property to the search box text. • Ensured that the truncation behaviour adjusts based on the size of the search box, making it suitable for various languages. Benefits: • Provides a more consistent and readable user interface. • Enhances support for multi-language text, preventing overflow and maintaining a clean design. ![image](https://github.com/user-attachments/assets/f1ef8176-4cf8-4956-86cf-27b19d975f2e) ![image](https://github.com/user-attachments/assets/3e9de00f-1439-47a1-873d-7da9dc9ada10)

Referenced issues