ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bottom bar spacing issues, make it more consistent with Fluffychat behavior (#4523)

Browse source 
* Add background to activity role tooltip

* Fix spacing directly, instead of adding role tooltip background

* Make bottom bar padding, background color, and divider behave more like Fluffychat

* remove changes to fluffychat code

---------

Co-authored-by: ggurdin <46800240+ggurdin@users.noreply.github.com>
Co-authored-by: ggurdin <ggurdin@gmail.com>
This commit is contained in:
Kelrap 2025-10-28 09:47:28 -04:00 • committed by GitHub
parent 84e6f8076d
commit a2a81733bd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 30 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
lib/pages/chat/chat_view.dart
View file

@ -461,8 +461,7 @@ class ChatView extends StatelessWidget {
AnimatedSize(
duration: const Duration(milliseconds: 200),
child: SizedBox(
height: controller.inputBarHeight +
bottomSheetPadding,
height: controller.inputBarHeight,
),
),
if (controller.room.isActivityFinished)
@ -487,18 +486,29 @@ class ChatView extends StatelessWidget {
Positioned(
left: 0,
right: 0,
bottom: 16,
bottom: 0,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
ChatInputBarHeader(
controller: controller,
padding: bottomSheetPadding,
),
ChatInputBar(
controller: controller,
padding: bottomSheetPadding,
if (controller.showScrollDownButton)
Divider(
height: 1,
color: Theme.of(context).dividerColor,
),
Container(
decoration: BoxDecoration(
color:
Theme.of(context).colorScheme.surface,
),
child: ChatInputBar(
controller: controller,
padding: bottomSheetPadding,
),
),
],
),

28
lib/pangea/activity_sessions/activity_session_chat/activity_role_tooltip.dart
View file

@ -46,23 +46,17 @@ class ActivityRoleTooltipState extends State<ActivityRoleTooltip> {
return const SizedBox();
}
return Container(
decoration: BoxDecoration(
border: Border(
top: BorderSide(
color: Theme.of(context).colorScheme.outline,
width: 0.1,
),
),
),
child: InlineTooltip(
message: room.ownRole!.goal!,
isClosed: room.hasDismissedGoalTooltip,
onClose: () async {
await room.dismissGoalTooltip();
if (mounted) setState(() {});
},
padding: const EdgeInsets.all(16.0),
return InlineTooltip(
message: room.ownRole!.goal!,
isClosed: room.hasDismissedGoalTooltip,
onClose: () async {
await room.dismissGoalTooltip();
if (mounted) setState(() {});
},
padding: const EdgeInsets.only(
left: 16.0,
top: 16.0,
right: 16.0,
),
);
}

6
lib/pangea/chat/widgets/chat_input_bar.dart
View file

@ -66,10 +66,8 @@ class ChatInputBarState extends State<ChatInputBar> {
),
),
Container(
padding: EdgeInsets.only(
bottom: widget.padding,
left: widget.padding,
right: widget.padding,
padding: EdgeInsets.all(
widget.padding,
),
constraints: const BoxConstraints(
maxWidth: FluffyThemes.maxTimelineWidth,