Skip to content

Commit 22e568f

Browse files
committed
Fix tooltip overflow on long text (picocss/pico#665, picocss/pico#715).
- Add white-space: normal and max-width: 20rem on tooltip pseudo-element. - Update CLAUDE.md with new PicoCSS override reference.
1 parent 5d01a41 commit 22e568f

23 files changed

Lines changed: 28 additions & 21 deletions

CLAUDE.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,5 +56,6 @@ These µCSS rules exist to fix PicoCSS default behaviors:
5656
- `li ul, li ol { margin-bottom: 0 }` — Fix nested list extra margin (picocss/pico#672) — remove when fixed upstream
5757
- `nav details.dropdown { display: inline-block }` — Fix Firefox full-width nav dropdowns (picocss/pico#701) — remove when fixed upstream
5858
- `:where([role=group], [role=search]) + small` — Fix helper text not styled after input groups (picocss/pico#540, picocss/pico#700) — remove when fixed upstream
59+
- `[data-tooltip]::before { white-space: normal; max-width: 20rem }` — Fix tooltip overflow on long text (picocss/pico#665, picocss/pico#715) — remove when fixed upstream
5960
- PicoCSS sets `:where(table) { width: 100% }` — all tables are fullwidth by default, no `.table-fullwidth` class needed
6061
- PicoCSS `.outline` button style (3 colors) coexists with µCSS `.btn-outline` (11 colors) — different selectors, no conflict

css/mu.utilities.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,12 @@ li ol {
2323
color: var(--mu-del-color);
2424
}
2525

26+
/* PicoCSS bugfix: tooltips overflow on long text (picocss/pico#665, picocss/pico#715) — remove when fixed upstream */
27+
[data-tooltip]::before {
28+
white-space: normal;
29+
max-width: 20rem;
30+
}
31+
2632
/* Positioning */
2733

2834
.sticky-top {

dist/mu.amber.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.azure.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.blue.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.cyan.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.fuchsia.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.green.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.grey.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)