Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit 00f3820

Browse files
Shi Shucopybara-github
authored andcommitted
style(tooltip): Add min/max width/height styling to rich tooltips
PiperOrigin-RevId: 346995682
1 parent 6e3b46e commit 00f3820

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

packages/mdc-tooltip/_tooltip.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@ $_line-height: 16px;
4343

4444
// Rich Tooltip variables
4545
$_rich_corner_radius: 8px;
46+
$_rich_max-width: 320px;
4647
$_rich_padding: 8px;
4748
$_content-margin-x: 8px;
4849
$_content-type-scale: body1;
@@ -131,9 +132,12 @@ $exit-duration: 75ms;
131132

132133
.mdc-tooltip--rich & {
133134
@include feature-targeting.targets($feat-structure) {
135+
align-items: flex-start;
134136
display: flex;
135137
flex-direction: column;
136-
align-items: flex-start;
138+
min-height: $_min-height;
139+
min-width: $_min-width;
140+
max-width: $_rich_max-width;
137141
}
138142
}
139143

0 commit comments

Comments
 (0)