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.

Sign up for GitHub

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

Jump to bottom

New Posting UI #1446

Merged
merged 31 commits into from
Mar 8, 2023
Merged

New Posting UI #1446

merged 31 commits into from
Mar 8, 2023

Conversation

rafalp
Copy link
Owner

@rafalp rafalp commented Jan 29, 2023 •
edited
Loading

Fixes #1396

This PR redoes current UI to be more comfortable to work with when writing posts and threads.

Large screens

  • Fullscreen
  • Minimalise
  • Start thread
  • Reply thread
  • Edit reply
  • Private thread
  • Posting loader
  • Posting loading error

Small screens

  • Minimalise
  • Start thread
  • Reply thread
  • Edit reply
  • Private thread
  • Posting loader
  • Posting loading error

New editor

  • Toolbar
  • Formatting help
  • Textarea
  • Loading preview
  • Loading error
  • Preview
  • Protect/unprotect
  • Responsive
  • 16px font size

Markup

  • Strong
  • Emphasis
  • Strikethrough
  • Horizontal line
  • Link modal
  • Image modal
  • Quote modal
  • Spoiler
  • Code modal
  • Mention

Attachments

  • Click button
  • Drag and drop
  • Paste
  • List
  • Uploading
  • Errors
  • Insert
  • Delete

Polls

  • Start
  • Edit
  • Small screens
  • Large screens

Extras

  • Quote selected text on thread page

Cleanups

  • Reduce padding on editor toolbars
  • Reduce space between editor inputs on small displays
  • On large displays set editor height and use that as source of posting dialog's height
  • Bump font size in posts to 16px
  • Preview has different height than textarea on mobile
  • Delete old editor component

@rafalp rafalp added area: frontend This issue involves JavaScript, React.js and Node area: backend This issue involves Python, Django or dependency (eg. database) enhancement Improvement to existing feature or dev experience labels Jan 29, 2023
@rafalp rafalp added this to the Misago 0.29 milestone Jan 29, 2023
@rafalp rafalp self-assigned this Jan 29, 2023
@rafalp
Copy link
Owner Author

rafalp commented Jan 29, 2023

Default UI:

Zrzut ekranu 2023-01-29 o 23 38 36

Fullscreen:

Zrzut ekranu 2023-01-29 o 23 38 46

@rafalp
Copy link
Owner Author

rafalp commented Feb 2, 2023

Editor with placeholder uploaded files list:

Zrzut ekranu 2023-02-3 o 00 40 21

@rafalp rafalp mentioned this pull request Feb 8, 2023
Closed
@rafalp rafalp force-pushed the fix-1396-new-posting-ui branch from a85eace to 124b223 Compare February 11, 2023 01:24
@rafalp rafalp marked this pull request as ready for review March 8, 2023 21:24
@rafalp rafalp merged commit eb61bc6 into master Mar 8, 2023
@rafalp rafalp deleted the fix-1396-new-posting-ui branch March 8, 2023 21:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees

@rafalp rafalp

Labels
area: backend This issue involves Python, Django or dependency (eg. database) area: frontend This issue involves JavaScript, React.js and Node enhancement Improvement to existing feature or dev experience
Projects
None yet
Milestone
Misago 0.30
Development

Successfully merging this pull request may close these issues.

Improve posting experience
1 participant
@rafalp