Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add hover color to question bubble like mockup (#3222)

Browse Source
This commit is contained in:
Alex Wallen 2023-08-29 09:03:58 -10:00 committed by GitHub
parent 507554a596
commit 4e863bc87f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/question_bubble.dart
View File

@ -29,9 +29,30 @@ class QuestionBubble extends StatelessWidget {
}
}
class BubbleActionList extends StatelessWidget {
class BubbleActionList extends StatefulWidget {
const BubbleActionList({Key? key}) : super(key: key);
@override
State<BubbleActionList> createState() => _BubbleActionListState();
}
class _BubbleActionListState extends State<BubbleActionList> {
bool isOpen = false;
Color get fontColor => isOpen
? Theme.of(context).colorScheme.onPrimary
: Theme.of(context).colorScheme.tertiary;
Color get fillColor => isOpen
? Theme.of(context).colorScheme.primary
: Theme.of(context).colorScheme.tertiaryContainer;
void toggle() {
setState(() {
isOpen = !isOpen;
});
}
@override
Widget build(BuildContext context) {
final List<PopoverAction> actions = [];
@ -49,14 +70,18 @@ class BubbleActionList extends StatelessWidget {
'?',
tooltip: LocaleKeys.questionBubble_help.tr(),
fontWeight: FontWeight.w600,
fontColor: Theme.of(context).colorScheme.tertiary,
fillColor: Theme.of(context).colorScheme.tertiaryContainer,
hoverColor: Theme.of(context).colorScheme.tertiaryContainer,
fontColor: fontColor,
fillColor: fillColor,
hoverColor: Theme.of(context).colorScheme.primary,
mainAxisAlignment: MainAxisAlignment.center,
radius: Corners.s10Border,
onPressed: () => controller.show(),
onPressed: () {
toggle();
controller.show();
},
);
},
onClosed: toggle,
onSelected: (action, controller) {
if (action is BubbleActionWrapper) {
switch (action.inner) {