Repository navigation
better position for outline toggle button #6876
Description
Is your feature request related to a problem? Please describe.
When viewing a Markdown file using a share link generated in Nextcloud, it appears a button to show an index of the file in a sidebar, generated from the headings:
(The button says "Hide index")
I don't get why this does not appear when editing the file from Nextcloud itself:
Another way of viewing the file is opening it directly from the system, with the Nextcloud Desktop Client installed:
(The button says "Open in browser")
Describe the solution you'd like
I would like to be able to see such index in any view in Nextcloud.
One problem seems to be that the toolbar is full, but this seems like an entirely different problem (which I think needs to be solved, as being constrained like this could be a problem for Text).
The button could just appear at the left side of the top bar, just like the buttons for the sidebar are aligned to the right:
There would obviously be a problem with small screens, but maybe both this new "Show index" button and the buttons for the sidebar should receive their own row when in mobile view:
I understand this would take more screen space, but if we want to have all the options in-view, for now I see no other solution.
Activity
[-]Make the index in other views apart from the shared link[/-][+]Make the index in other views apart from the share link[/+][-]Make the index in other views apart from the share link[/-][+]Show the index in other views apart from the share link[/+]mejo- commentedon Jan 28, 2025
Thanks for your report @SamuXzX. What you describe is the read-only mode of the text editor, where the toolbar is hidden and the button to toggle the outline is displayed instead. In read-write mode you find the same option at the bottom of the headings menu in the toolbar ("Show outline"). Does this solve the issue for you?
SamuXzX commentedon Jan 29, 2025
Thank you, it does in fact clarify it. I suppose the button is there due to a lack of space in the toolbar, as it is the most obvious place if someone has to fit it into the a submenu. I would like to change the title of the request: maybe we should think of a better place for that button, outside of the toolbarm as it is not an action to format or add something. The same would apply to the three-dot button at the end of the toolbar, which contains the guide and the character count:
They are not buttons to format the text. I think these two other elements could be moved at the bottom of the sidebar which contains the index, and that such sidebar should be made more accesible, for example moving the button to open it and opening it by default when there's space.
Alternatively, we could have a the "Open index" button together with these last two elements in the collapsed three-dot submenu, as it is related to the headings but I do not see it obvious that their submenu would contain the button to show the index:
My original idea was to add a new button which would open a submenu with these kinds of elements (index, guide, character count), which could very well be fitted at the left of the toolbar:
or be aligned to the right together with the button to open the sidebar and the button to save the document:
[-]Show the index in other views apart from the share link[/-][+]better position for outline toggle button[/+]alexanderdd commentedon Feb 7, 2025
@SamuXzX I changed the title of the issue because of your last message. You can change it again if you feel it is necessary.
I agree that this button needs to be in a more obvious position.
My suggestion is top left of the edit bar.
And I agree with @SamuXzX - if there is enough space the outline should be shown automatically, but this is a different issue, currenty discussed here #3586 but might become a separate issue later.
@mejo- do you have the info you need? If yes, can you remove "needs info"?
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content
feat(outline): Add visible outline representation next to content