Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tooltip: Fix max width of tooltip (used in Product Editor) (#45358) 

* Set max width on tooltip

* Changelog
This commit is contained in:
Matt Sherman 2024-03-11 11:04:54 -04:00 committed by GitHub
parent 3658ac2d0e
commit 39306765d0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/components/changelog/fix-tooltip-max-width Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Set maximum width on Tooltip.

7
packages/js/components/src/tooltip/style.scss
View File

@ -9,7 +9,12 @@
&__text .components-popover__content {
font-size: $default-font-size;
padding: $gap;
width: max-content;
/* Allow tooltip to be wider than the default of `fit-content`
* from the Popover component, but limit it to a reasonable
* maximum width.
*/
width: auto;
max-width: 300px;
}
&__text {