Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Indicate heading level #4049

Open
provokateurin opened this issue Apr 13, 2023 · 15 comments
Open

Indicate heading level #4049

provokateurin opened this issue Apr 13, 2023 · 15 comments
Labels
design Experience, interaction, interface, … enhancement New feature or request

Comments

@provokateurin
Copy link
Member

Is your feature request related to a problem? Please describe.
It's often very hard for me to see what level a heading has. I always have to click on the heading and then check in the menu bar what level it has

Describe the solution you'd like
Some indicator on the side that shows the level of the indicator (doesn't have to be always visible, but as an option maybe)

@provokateurin provokateurin added the enhancement New feature or request label Apr 13, 2023
@juliusknorr
Copy link
Member

Do you have any suggestion or reference how other editors do this?

@provokateurin
Copy link
Member Author

I don't know of any editor that does it. It could be display similar to the # that appears on the side when you hover over the heading.

@datenangebot
Copy link

Well, if you click on the heading the icon changes depending on the level:
SCR-20230620-iewl

But maybe it would be helpful and straight forward if we add the level indication to the hover effect on the left:
SCR-20230620-iels

@provokateurin
Copy link
Member Author

I think that is good, but just adding more # is ugly (imagine how H6 will look). We could just replace the # with Hx or #x

@datenangebot
Copy link

@jancborchardt @nimishavijay Any ideas on that?

@datenangebot datenangebot added the design Experience, interaction, interface, … label Jun 20, 2023
@datenangebot
Copy link

might be okay as is

@provokateurin
Copy link
Member Author

As is? There was no change, right?

@datenangebot
Copy link

As is? There was no change, right?

Yes, no changes. You wrote it's okay and adding more # seems to be senseless.
#4049 (comment)

@provokateurin
Copy link
Member Author

Sorry, I just wanted to say that the screenshot looks good. I still want to have an indicator to see what level the heading has when the hover is active.

@nimishavijay
Copy link
Member

The # that appears on the left of headings is to indicate an anchor tag so you can link directly to a section.

Is knowing the heading level required too often? There are not many other editors that show this information anywhere else other than the formatting bar either, so I'm wondering if we will be adding extra info on the page. What do you think @nextcloud/designers ?

@provokateurin
Copy link
Member Author

At least for me it would be quite a useful information and relatively easy to display. If the designers say this is a bad idea we can close this of course.

@mejo-
Copy link
Member

mejo- commented Jun 29, 2023

@provokateurin can you elaborate on why you need this information? I also think it's rarely important and it rather clutters the UI.

@provokateurin
Copy link
Member Author

When I write my documents I create many heading levels and I usually directly forget what level the previous heading had, regardless of if i want to use the same level or a level lower or higher. Then I have to click back to another heading and check what the level is just to set the level of the new heading. It would be way easier if that information was already displayed on the side without having to click back again.

@marcoambrosini
Copy link
Member

I think it's enough to show the heading in the top-bar once the text is selected.
We can maybe leave the issue open to see if this is a pain point for more users and if so, I would maybe prefer to offer a plain markdown view for such users instead.

@datenangebot
Copy link

plain markdown view

#3570

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Experience, interaction, interface, … enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

6 participants