fix: nested block padding issues

AppFlowy-IO · Jan 15, 2025 · ec01c96 · ec01c96
1 parent 05c1924
commit ec01c96
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart
@@ -105,9 +105,16 @@ BlockComponentConfiguration _buildDefaultConfiguration(BuildContext context) {
 
       return const EdgeInsets.symmetric(vertical: 5.0);
     },
-    indentPadding: (node, textDirection) => textDirection == TextDirection.ltr
-        ? const EdgeInsets.only(left: 26.0)
-        : const EdgeInsets.only(right: 26.0),
+    indentPadding: (node, textDirection) {
+      double padding = 26.0;
+      // only add indent padding for the top level node to align the children
+      if (UniversalPlatform.isMobile && node.path.length == 1) {
+        padding += EditorStyleCustomizer.nodeHorizontalPadding;
+      }
+      return textDirection == TextDirection.ltr
+          ? EdgeInsets.only(left: padding)
+          : EdgeInsets.only(right: padding);
+    },
   );
   return configuration;
 }

diff --git a/...utter/lib/plugins/document/presentation/editor_plugins/toggle/toggle_block_component.dart b/...utter/lib/plugins/document/presentation/editor_plugins/toggle/toggle_block_component.dart
@@ -287,7 +287,9 @@ class _ToggleListBlockComponentWidgetState
     }
 
     return Padding(
-      padding: indentPadding,
+      padding: UniversalPlatform.isMobile
+          ? const EdgeInsets.symmetric(horizontal: 26.0)
+          : indentPadding,
       child: FlowyButton(
         text: FlowyText(
           buildPlaceholderText(),