[flutter]: add Meterial as the root of ListOverlay

app_flowy/lib/workspace/presentation/widgets/menu/widget/app/header.dart

@@ -3,6 +3,7 @@ import 'package:flowy_infra/flowy_icon_data_icons.dart';
 import 'package:flowy_infra/image.dart';
 import 'package:flowy_infra/theme.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flowy_infra_ui/style_widget/hover.dart';
 import 'package:flowy_infra_ui/style_widget/icon_button.dart';
 import 'package:flowy_infra_ui/style_widget/text.dart';
 import 'package:flowy_infra_ui/widget/spacing.dart';
@@ -132,6 +133,12 @@ class CreateItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final theme = context.watch<AppTheme>();
+    final config = HoverDisplayConfig(hoverColor: theme.bg3);
+
+    return FlowyHover(
+      config: config,
+      builder: (context, onHover) {
         return GestureDetector(
           onTap: () {
             onSelected(viewType);
@@ -141,5 +148,7 @@ class CreateItem extends StatelessWidget {
             fontSize: 12,
           ).padding(horizontal: 10, vertical: 10),
         );
+      },
+    );
   }
 }

app_flowy/packages/flowy_infra_ui/lib/src/flowy_overlay/list_overlay.dart

@@ -19,7 +19,9 @@ class ListOverlay extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Material(
+      type: MaterialType.transparency,
+      child: Container(
         constraints: BoxConstraints.tight(Size(maxWidth, maxHeight)),
         decoration: BoxDecoration(
           color: Colors.white,
@@ -34,6 +36,7 @@ class ListOverlay extends StatelessWidget {
           itemCount: itemCount,
           controller: controller,
         ),
+      ),
     );
   }