Skip to content

Commit

Permalink
docs: hook names truncated in menu bar (#543)
Browse files Browse the repository at this point in the history
## 📜 Description

Added `word-break` rule for menu items.

## 💡 Motivation and Context

`useReanimatedKeyboardAnimation` is a long name and can't fit into one
line. As a result part of the name was truncated and it's not good. So
in this PR I'm fixing this.

Originally I wanted to increase sidebar width, but then realized that I
need to handle cases for small devices (smartphones) and bigger sidebar
doesn't look well there.

## 📢 Changelog

<!-- High level overview of important changes -->
<!-- For example: fixed status bar manipulation; added new types
declarations; -->
<!-- If your changes don't affect one of platform/language below - then
remove this platform/language -->

### Docs

- added `word-break` to `menu__link` class;

## 🤔 How Has This Been Tested?

Tested manually on `localhost:3000`.

## 📸 Screenshots (if appropriate):

<img width="1516" alt="image"
src="https://github.com/user-attachments/assets/03cd7f1b-b1dc-45bb-9f6e-e7cebb858192">

## 📝 Checklist

- [x] CI successfully passed
- [x] I added new mocks and corresponding unit-tests if library API was
changed
  • Loading branch information
kirillzyusko authored Aug 9, 2024
1 parent 23b0466 commit e6ea67f
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions docs/src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

.menu__link {
word-break: break-word;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
--ifm-color-primary: #00b2e7;
Expand Down

0 comments on commit e6ea67f

Please sign in to comment.