Nexus/material_3_expressive
2
0
Fork 0
forked from mirrors/material_3_expressive
Code Pull requests Activity

Add scalable font size support for buttons and split buttons based on size

Browse source
This commit is contained in:
Emily Pauli 2025-10-23 10:40:05 +02:00
commit 1cb404b4df
3 changed files with 54 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
packages/split_button_m3e/lib/src/split_button.dart
View file

@ -479,6 +479,16 @@ class _LeadingContent extends StatelessWidget {
final iconBlock = size.leadingIconBlockWidth;
final gap = size.gapIconToLabel;
// Scale label font-size with button size (xs/s unchanged).
final bfs = m3e.typography.buttonFontSize;
final double? labelFontSize = switch (size) {
SplitButtonM3ESize.xs => bfs.xs,
SplitButtonM3ESize.sm => bfs.sm,
SplitButtonM3ESize.md => bfs.md,
SplitButtonM3ESize.lg => bfs.lg,
SplitButtonM3ESize.xl => bfs.xl,
};
Widget content;
if (icon != null && (label?.isNotEmpty ?? false)) {
content = Padding(
@ -497,7 +507,10 @@ class _LeadingContent extends StatelessWidget {
child: Text(
label!,
overflow: TextOverflow.ellipsis,
style: m3e.typography.base.labelLarge?.copyWith(color: color),
style: m3e.typography.base.labelLarge?.copyWith(
color: color,
fontSize: labelFontSize,
),
),
),
],
@ -519,7 +532,9 @@ class _LeadingContent extends StatelessWidget {
child: Text(
label ?? '',
overflow: TextOverflow.ellipsis,
style: DefaultTextStyle.of(context).style.copyWith(color: color),
style: DefaultTextStyle.of(
context,
).style.copyWith(color: color, fontSize: labelFontSize),
),
);
}