Reposition the bar of editing icons at top of composition box

[jywarren]

(reposting on behalf of @ebarry from publiclab/plots2#2334)

Please describe the problem (or idea)

What problem could this idea solve?

I would like to consider moving the "kitchen sink" bar of editing icons above the text box, currently it is below the text box.

I feel there are downsides to having the editing icons below the textbox, namely, that doesn't handle well while scrolling up and down the page, and in cases where the note is long, it's hard to scroll all the way down instead of having it pinned at the top.

The scrolling issue may also be a related but separate issue, in that the /post and /question page should not be "below the fold" on the average desktop display. These pages should not scroll unless someone drags the composition box to be longer. Let me know if i should break this issue out.

What did you expect to see that you didn't?

I would expect to see the editing icons positioned at the top of the text box.

Please show us where to look

https://publiclab.org/questions
https://publiclab.org/post

What's your PublicLab.org username?

This can help us diagnose the issue:

liz

[jywarren]

The scrolling issue may also be a related but separate issue, in that the /post and /question page should not be "below the fold" on the average desktop display. These pages should not scroll unless someone drags the composition box to be longer. Let me know if i should break this issue out.

I think this does need to be its own issue, and I don't quite follow yet! Thanks!

[rexagod]

Looks like we aren't the only ones facing this issue.

@jywarren Do you want the btn-group to be in a position:fixed mode in the container (as illustrated below)?

[jywarren]

Aha! OK, so #127 that Gaurav found does seem like a good solution. What if we came up with a CSS (and maybe JS) solution where the bar is on the bottom of the textarea, but if the bottom of the textarea goes off the screen, the formatting bar gets absolute-positioned and pegged to the bottom edge of the screen?