tweak toolbar ui #39

r10s commented 2023年08月03日 00:55:12 +02:00

• larger font in toolbar

• align items in toolbar always vertically, using the full height (this is not always the case currently(

• three headline level are enough

• resort toolbar items: move undo/redo to menu or remove completely; paragraph-formatting should go right of character-formatting (as usual in virtually all editors); maybe hide dark-mode-switch; maybe more, that will be decided during the operation :)

• do not indicate 'not allowed' or an 'error' if there is just nothing to save

• (削除) make sure the save-button does not start a new line (still happens) (削除ここまで) out of scope of this pr, we only change sizes here

i'd still like to have the hamburger-icon a little bigger, however, that results in the dropdown menu being bigger as well - so, some larger changes are required. same for reworkd "Level 1" etc. to "Headline 1" ... sth. for another pr ... it is already complicated enough and somehow 90% close :)

CSS structure

• div.ProseMirror-menubar
  • span.ProseMirror-menuitem
    • div.ProseMirror-menu-dropdown-wrap (hamburger menu, type menu)
      • div.ProseMirror-menu-dropdown
    • div.ProseMirror-icon (on active, class ProseMirror-menu-active is added)
      • svg
  • span.ProseMirror-menuseparator

- [x] larger font in toolbar - [x] align items in toolbar always vertically, using the full height (this is not always the case currently( - [x] three headline level are enough - [x] resort toolbar items: move undo/redo to menu or remove completely; paragraph-formatting should go right of character-formatting (as usual in virtually all editors); maybe hide dark-mode-switch; maybe more, that will be decided during the operation :) - [x] do not indicate 'not allowed' or an 'error' if there is just nothing to save - ~~make sure the save-button does not start a new line (still happens)~~ out of scope of this pr, we only change sizes here i'd still like to have the hamburger-icon a little bigger, however, that results in the dropdown menu being bigger as well - so, some larger changes are required. same for reworkd "Level 1" etc. to "Headline 1" ... sth. for another pr ... it is already complicated enough and somehow 90% close :) ## CSS structure - div.ProseMirror-**menubar** - span.ProseMirror-**menuitem** - div.ProseMirror-**menu-dropdown-wrap** (hamburger menu, type menu) - div.ProseMirror-**menu-dropdown** - div.ProseMirror-**icon** (on active, class ProseMirror-**menu-active** is added) - svg - span.ProseMirror-**menuseparator**

r10s commented 2023年08月12日 12:37:36 +02:00

moving that in to move forward; we'll do a new release then, together with the fix of @link2xt at #42

moving that in to move forward; we'll do a new release then, together with the fix of @link2xt at https://codeberg.org/webxdc/editor/pulls/42