feat: mobile UI improvement (#4172)

* chore: use 1.0 as default textScaler

* feat: mobile editor ui improvement

frontend/appflowy_flutter/lib/plugins/document/presentation/editor_style.dart

@@ -127,6 +127,9 @@ class EditorStyleCustomizer {
         ),
       ),
       textSpanDecorator: customizeAttributeDecorator,
+      mobileDragHandleBallSize: const Size.square(12.0),
+      mobileDragHandleWidth: 2.0,
+      magnifierSize: const Size(144, 96),
     );
   }
 

frontend/appflowy_flutter/lib/startup/tasks/app_widget.dart

@@ -168,7 +168,14 @@ class _ApplicationWidgetState extends State<ApplicationWidget> {
         },
         child: BlocBuilder<AppearanceSettingsCubit, AppearanceSettingsState>(
           builder: (context, state) => MaterialApp.router(
-            builder: overlayManagerBuilder(),
+            builder: (context, child) => MediaQuery(
+              // use the 1.0 as the textScaleFactor to avoid the text size
+              //  affected by the system setting.
+              data: MediaQuery.of(context).copyWith(
+                textScaler: const TextScaler.linear(1),
+              ),
+              child: overlayManagerBuilder()(context, child),
+            ),
             debugShowCheckedModeBanner: false,
             theme: state.lightTheme,
             darkTheme: state.darkTheme,

frontend/appflowy_flutter/pubspec.lock

@@ -53,8 +53,8 @@ packages:
     dependency: "direct main"
     description:
       path: "."
-      ref: e6b1336
-      resolved-ref: e6b1336041734b2858b1704f32236b2435ff5a74
+      ref: "82f3baf"
+      resolved-ref: "82f3baf3f121277c5e235faa04687a7fc383b37d"
       url: "https://github.com/AppFlowy-IO/appflowy-editor.git"
     source: git
     version: "2.1.0"

frontend/appflowy_flutter/pubspec.yaml

@@ -161,7 +161,7 @@ dependency_overrides:
   appflowy_editor:
     git:
       url: https://github.com/AppFlowy-IO/appflowy-editor.git
-      ref: "e6b1336"
+      ref: "82f3baf"
 
   # The "flutter_lints" package below contains a set of recommended lints to
   # encourage good coding practices. The lint set provided by the package is