chore: shrink tooltip text size

Also give it maxTimelineWidth in chat to match other widgets placement, and give slightly less padding between icons
This commit is contained in:
Ava Shilling 2026-01-20 14:25:16 -05:00
parent bd6aa421bb
commit 3f9f8867b8
2 changed files with 32 additions and 17 deletions

View file

@ -31,18 +31,30 @@ class ChatInputBar extends StatelessWidget {
valueListenable: controller.choreographer.itController.open,
builder: (context, open, __) {
return open
? InstructionsInlineTooltip(
instructionsEnum: InstructionsEnum.clickBestOption,
animate: false,
padding: EdgeInsets.only(
left: 16.0,
right: 16.0,
top: FluffyThemes.isColumnMode(context) ? 16.0 : 8.0,
? Container(
constraints: const BoxConstraints(
maxWidth: FluffyThemes.maxTimelineWidth,
),
alignment: Alignment.center,
child: InstructionsInlineTooltip(
instructionsEnum: InstructionsEnum.clickBestOption,
animate: false,
padding: EdgeInsets.only(
left: 16.0,
right: 16.0,
top: FluffyThemes.isColumnMode(context) ? 16.0 : 8.0,
),
),
)
: ActivityRoleTooltip(
room: controller.room,
hide: controller.choreographer.itController.open,
: Container(
constraints: const BoxConstraints(
maxWidth: FluffyThemes.maxTimelineWidth,
),
alignment: Alignment.center,
child: ActivityRoleTooltip(
room: controller.room,
hide: controller.choreographer.itController.open,
),
);
},
),

View file

@ -134,25 +134,28 @@ class InlineTooltipState extends State<InlineTooltip>
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.lightbulb,
size: 20,
color: Theme.of(context).colorScheme.onSurface,
Padding(
padding: const EdgeInsets.only(right: 6.0),
child: Icon(
Icons.lightbulb,
size: 20,
color: Theme.of(context).colorScheme.onSurface,
),
),
const SizedBox(width: 8),
Flexible(
child: Center(
child: Text(
widget.message,
style: widget.textStyle ??
(FluffyThemes.isColumnMode(context)
? Theme.of(context).textTheme.titleLarge
: Theme.of(context).textTheme.bodyLarge),
? Theme.of(context).textTheme.titleSmall
: Theme.of(context).textTheme.bodyMedium),
textAlign: TextAlign.center,
),
),
),
IconButton(
padding: const EdgeInsets.only(left: 6.0),
constraints: const BoxConstraints(),
icon: Icon(
Icons.close_outlined,