text icon indicating copy to clipboard operation
text copied to clipboard

Add buttons to change list indentation level

Open flueders opened this issue 3 years ago • 8 comments

Is your feature request related to a problem? Please describe. When I tried to create (un-)ordered lists with more than one level, I couldn't find an intuitive way to do this (since there is also no way to change to code view). My first workaround was to edit the file in an external editor, but this is no good solution, I think.

After some research, I discovered the "official" way of indenting list entries: pressing the tab key. However, there was this issue which added additional problems.

And, by the way, I still don't know how to decrease the list indention level using the keyboard.

Describe the solution you'd like I would like to have a button to easily change a list entry's level. This could also be a drop-down underneath the list buttons.

Describe alternatives you've considered As written before: using external editors or the tab key. There is also the markdown editor app, which handles this problem by offering a code view.

Additional context Maybe related to https://github.com/nextcloud/text/issues/234

flueders avatar May 23 '22 09:05 flueders

I think especially on mobile such buttons would generally make sense, where I also run into this from time to time. Would be interesting to see how other editors and mobile apps handle this, as adding just more icons to the menubar is nothing we can do any longer, as is is already really crowded now that we added more general formatting options.

One option might be a contextual toolbar that only displays relevant actions based on the content type, maybe at the bottom of the screen? Or a floating menu before or after the content https://tiptap.dev/api/extensions/floating-menu

cc @nimishavijay @jancborchardt @max-nextcloud @vinicius73

juliusknorr avatar May 23 '22 15:05 juliusknorr

One option might be a contextual toolbar that only displays relevant actions based on the content type

This sounds good! I like the idea of having formatting options in the bottom of the screen since the top is getting crowded now.

Or a floating menu before or after the content

Floating menu can cover the content of the document which can be a bit frustrating in my experience.

This is how Google does it: When you select a bullet list, some of the formatting options (text and highlight color) are hidden and new options to increase and decrease indent as well as a check list toggle are shown. We could do something similar with the increase and decrease indent buttons

No formatting Bullet list
image image

nimishavijay avatar May 23 '22 16:05 nimishavijay

Thank you for your reactions!

@nimishavijay @juliushaertl I also really like the idea of having a contextual toolbar. Nevertheless, I suggest considering the screen size for the toolbar's placement. On large screens, it perhaps would make sense to just add a second row below the top menu, whereas on smaller devices, the "split" between top menu and (contextual) bottom menu is more convenient.

flueders avatar May 30 '22 09:05 flueders

The floating menu looks ok, but I fear it might get messy like the MenuBubble for links (bad UX). The idea of hiding stuff might be nice and simple, as some features are useless when editing lists:

  • Bockquotes do not work
  • Callouts do not work
  • Codeblocks do not work

That are more than 2 buttons which would need to be replaced for the indention buttons :)

susnux avatar May 31 '22 11:05 susnux

#2836 talks about the menu bar redesign. It will hopefully allow for adding these buttons.

max-nextcloud avatar Aug 29 '22 08:08 max-nextcloud

can confirm that decreasing the indent is impossible to do at the moment.... 😥

maximelehericy avatar Aug 31 '22 13:08 maximelehericy

@maximelehericy

can confirm that decreasing the indent is impossible to do at the moment.... disappointed_relieved

Did you try shift+tab? - that just did the trick for me. What type of list are you working on?

max-nextcloud avatar Aug 31 '22 14:08 max-nextcloud

Did you try shift+tab? - that just did the trick for me. What type of list are you working on?

On mobile, where you do not have a shift key, there is indeed no way to change the indention level

susnux avatar Aug 31 '22 15:08 susnux

Did you try shift+tab? - that just did the trick for me. What type of list are you working on?

Hmmm, now shift+tab works to decrease the indentation, but tab stopped working to increase it 😑🙂

maximelehericy avatar Nov 18 '22 15:11 maximelehericy

Hmmm, now shift+tab works to decrease the indentation, but tab stopped working to increase it 😑🙂

Same here, but it's a bit strange: in the Text app, the menu catches focus when pressing tab, so it's not possible to increase the indentation level. But in the Collectives app (which uses the Text app afaik), it works.

JKBWP avatar Nov 26 '22 17:11 JKBWP

Hmmm, now shift+tab works to decrease the indentation, but tab stopped working to increase it 😑🙂

Same here, but it's a bit strange: in the Text app, the menu catches focus when pressing tab, so it's not possible to increase the indentation level. But in the Collectives app (which uses the Text app afaik), it works.

Oh yes, this is very strange. This can't be excpected, especially because Shift+Tag still works. Want to mentoin that before nc25.0.2 get released. Hope the ping is ok. @juliushaertl

EDIT: #3493

Pilzinsel64 avatar Nov 27 '22 14:11 Pilzinsel64

@JKBWP @maximelehericy This comment might help you: https://github.com/nextcloud/text/issues/3493#issuecomment-1328763115

Pilzinsel64 avatar Nov 28 '22 09:11 Pilzinsel64