nicholas/formulation
1
0
Fork 0
Code Pull Requests Actions Activity

fix(ui): ensure white-space normal and word wrapping on tooltips to prevent text leaking

Browse Source
This commit is contained in:
nicholas
2026-08-18 08:42:54 -05:00
parent be80a41504
commit 1c9941ecd2
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+24 -3
View File
@@ -3026,6 +3026,16 @@ input[type="search"]::-webkit-search-results-decoration,
text-align: left !important;
pointer-events: auto !important;
box-sizing: border-box !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.application-body .meez-tooltip-card * {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
box-sizing: border-box !important;
}
@keyframes meezTooltipFadeIn {
@@ -3045,6 +3055,7 @@ input[type="search"]::-webkit-search-results-decoration,
align-items: center !important;
margin-left: 18px !important;
flex-shrink: 0 !important;
white-space: normal !important;
}
.application-body .recipe-view-formula .calculator-heading .HelperTooltipBase_help_icon {
@@ -3077,14 +3088,19 @@ input[type="search"]::-webkit-search-results-decoration,
top: calc(100% + 8px) !important;
left: 0 !important;
transform: none !important;
width: 340px !important;
max-width: min(340px, calc(100vw - 32px)) !important;
width: 360px !important;
max-width: min(360px, calc(100vw - 32px)) !important;
z-index: 1500 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
box-sizing: border-box !important;
animation: meezTooltipFadeIn 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.application-body .helper-tooltip-popper .tooltip-section {
margin-bottom: 14px !important;
white-space: normal !important;
}
.application-body .helper-tooltip-popper .tooltip-section:last-child {
@@ -3098,19 +3114,24 @@ input[type="search"]::-webkit-search-results-decoration,
font-weight: 700 !important;
color: #050841 !important;
margin-bottom: 6px !important;
white-space: normal !important;
}
.application-body .helper-tooltip-popper .tooltip-section ul {
margin: 0 !important;
padding-left: 18px !important;
list-style-type: disc !important;
white-space: normal !important;
}
.application-body .helper-tooltip-popper .tooltip-section li {
font-size: 13px !important;
color: #050841 !important;
margin-bottom: 5px !important;
margin-bottom: 6px !important;
line-height: 1.45 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.application-body .helper-tooltip-popper .tooltip-section li:last-child {