[PR #4358] [CLOSED] feat: support dynamic depth control in outline block component #6214

New issue

Closed

opened 2026-03-23 22:22:13 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 22:22:13 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4358
Author: @Jayaprakash-dev
Created: 1/10/2024
Status: ❌ Closed

Base: main ← Head: feat_outline_block_depth_control

📝 Commits (4)

fb5b904 feat: support dynamic depth control in outline block
574fcaf refactor: replaces inline string literals with constants
ceb46c8 refactor: replaces inline string literals with constants
27d85d1 fix: OptionAction overlapping popover menus issue

📊 Changes

7 files changed (+174 additions, -6 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart (+9 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/block_action_option_button.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/option_action.dart (+130 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/option_action_button.dart (+6 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/outline/outline_block_component.dart (+12 -0)
📝 frontend/appflowy_flutter/lib/workspace/presentation/widgets/pop_up_action.dart (+11 -5)
📝 frontend/resources/translations/en.json (+2 -1)

📄 Description

This PR is related to the feature request:

[FR] Variable depth of '/outline' #4355

Description:
This PR addresses the implementation of a feature that enhances the OutlineBlockComponent functionality by introducing dynamic depth control. The depth control allows users to customise the visibility of headings based on their selected depth.

Changes Made:
Added dynamic depth control to the outline block.
When a depth H1 is selected, the app now displays headings up to level 1.
For depth H2, it shows headings up to level 2, extending upto subsequent H3 headings.

https://github.com/AppFlowy-IO/AppFlowy/assets/68953739/879fa002-7e5a-48b7-9025-a866a48ef40a

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/4358 **Author:** [@Jayaprakash-dev](https://github.com/Jayaprakash-dev) **Created:** 1/10/2024 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat_outline_block_depth_control` --- ### 📝 Commits (4) - [`fb5b904`](https://github.com/AppFlowy-IO/AppFlowy/commit/fb5b90478008c5d46b34721f2508776668e0c003) feat: support dynamic depth control in outline block - [`574fcaf`](https://github.com/AppFlowy-IO/AppFlowy/commit/574fcaf453117b8cde40f0ea494b46a93248442a) refactor: replaces inline string literals with constants - [`ceb46c8`](https://github.com/AppFlowy-IO/AppFlowy/commit/ceb46c815bb9f19e618b34f3e6a94764a8f8c6b0) refactor: replaces inline string literals with constants - [`27d85d1`](https://github.com/AppFlowy-IO/AppFlowy/commit/27d85d1b19c223b43f33e02ae5715dc724521073) fix: OptionAction overlapping popover menus issue ### 📊 Changes **7 files changed** (+174 additions, -6 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart` (+9 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/block_action_option_button.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/option_action.dart` (+130 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/option_action_button.dart` (+6 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/outline/outline_block_component.dart` (+12 -0) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/widgets/pop_up_action.dart` (+11 -5) 📝 `frontend/resources/translations/en.json` (+2 -1) </details> ### 📄 Description This PR is related to the feature request: > [FR] Variable depth of '/outline' #4355 **Description**: This PR addresses the implementation of a feature that enhances the `OutlineBlockComponent` functionality by introducing dynamic depth control. The depth control allows users to customise the visibility of headings based on their selected depth. **Changes Made:** Added dynamic depth control to the outline block. When a depth H1 is selected, the app now displays headings up to level 1. For depth H2, it shows headings up to level 2, extending upto subsequent H3 headings. https://github.com/AppFlowy-IO/AppFlowy/assets/68953739/879fa002-7e5a-48b7-9025-a866a48ef40a --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>