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

Commit 6557a69

Browse files
Shi Shucopybara-github
authored andcommitted
style(tooltip): Add styling for spacing for rich tooltips.
PiperOrigin-RevId: 345447030
1 parent 489d4c2 commit 6557a69

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/mdc-tooltip/_tooltip.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ $_line-height: 16px;
4444
// Rich Tooltip variables
4545
$_rich_corner_radius: 8px;
4646
$_rich_padding: 8px;
47+
$_content-margin-x: 8px;
4748
$_content-type-scale: body1;
4849
$_title-type-scale: subtitle2;
4950

@@ -165,19 +166,27 @@ $exit-duration: 75ms;
165166
}
166167

167168
.mdc-tooltip__title {
169+
@include typography.text-baseline($top: 20px, $query: $query);
168170
@include typography.typography(
169171
$_title-type-scale,
170172
$exclude-props: (line-height),
171173
$query: $query
172174
);
175+
@include feature-targeting.targets($feat-structure) {
176+
margin: 0 $_content-margin-x;
177+
}
173178
}
174179

175180
.mdc-tooltip__content {
181+
@include typography.text-baseline($top: 24px, $query: $query);
176182
@include typography.typography(
177183
$_content-type-scale,
178184
$exclude-props: (line-height),
179185
$query: $query
180186
);
187+
@include feature-targeting.targets($feat-structure) {
188+
margin: 0 $_content-margin-x 16px $_content-margin-x;
189+
}
181190
}
182191
}
183192
}

0 commit comments

Comments
 (0)