Repository
https://github.com/mktcode/fast-reply-ui
Task Request
https://steemit.com/utopian-io/@roxane/task-request-fast-reply-needs-a-responsive-interface
As a response to 
Demo
It's just a static HTML file, using pure Bootstrap 4 and and a little bit of custom jQuery to make some things interactive, like the vote weight input. The actual implementation will follow soon.
Key aspects are the responsive behavior and the more minimalistic and intuitive design.
The main issue was to find a solution for small screens to switch between the list of comments and the reply/vote dialogue. I decided to implement a slide animation to toggle between both.
The main content area has 200 % width and simply slides back and forth.
https://github.com/mktcode/fast-reply-ui/blob/master/style.css#L83
https://github.com/mktcode/fast-reply-ui/blob/master/index.html#L809
|
|
|
To save some space in the top menu bar, I moved the broadcasting related information to a new bar at the bottom.
Since on mobile you only see the list at first, I added some buttons to each comment box, to cover some common actions (follow, vote, ignore, mute). These buttons trigger some for confirmation.
https://github.com/mktcode/fast-reply-ui/blob/master/index.html#L498
|
|
|
|
|
|
The vote weight input works a little bit different from what you are used to because I don't like those sliders on mobile, so I tried to find another simple and easy to use way.
https://github.com/mktcode/fast-reply-ui/blob/master/index.html#L429
https://github.com/mktcode/fast-reply-ui/blob/master/index.html#L828
As requested I added a settings modal. But since there are no settings yet, I added some obvious ones.
This link that currently gets appended to the comments you write with fast reply, could be disabled for a small one-time fee. Just an idea.
Check out the Demo!
...and feel free to give me your feedback. Especially 
And here are some screenshots from larger screens.