nextcloud / nextcloud/text

Rich workspaces: move formatting bar in front of breadcrumbs

Open
#2,234 6 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design enhancement feature: folder description
Dominant language
JavaScript
Stars
659
Forks
133
Avg merge
1d 20h
Merged PRs (30d)
110

Description

Is your feature request related to a problem? Please describe.
The rich workspaces feature adds a lot of unnecessary whitespace in the Files app as it reserves a vertical bar for formatting options – even if editing isn’t active or even if there is no readme at all.

If you enter the rich text area the whitespace is used to show the formatting bar. Which is again faded out if you exit text editing.

Describe the solution you'd like
As the formatting bar is only displayed if you actively click into the rich text area, I propose to move the formatting bar in front of folder breadcrumbs. Additionally a close button could be shown where the view switch is located.

If you exit the editing mode by clicking anywhere or using the close button, breadcrumbs are back there to navigate folders.

Describe alternatives you've considered
You can completely turn off rich workspaces but that strips the feature entirely not only the whitespace.

Quick mockups
Current:
rich1
rich2
Proposal:
rich4
rich3

How to use GitHub
  • Please use the 👍 reaction to show that you are interested into the same feature.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files or tests are named; start by locating the rich workspaces formatting-bar and Files breadcrumbs entry points. Implement and verify the proposed UI flow: the formatting bar appears only while editing, the close control exits editing, and breadcrumbs return without reserving unnecessary whitespace.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.