[Discussions] Improve UI for Deleted Posts

[laura_schmidli]

Problem statement:

The current user interface design of Discussions is confusing for users when a post is deleted. The lack of padding/spacing, borders, or other callouts can make it appear to students that another student has deleted their post. This is because the text noting the deleted post appears to be part of the post that follows it.

Proposed solution:

Add more padding, space, or other visual distinction to these notifications of a deleted post. Also consider hiding these notifications for students, but leaving them present for instructor and staff roles.

User role(s):

admin,instructor,designer

[laura_schmidli]

Please see a screenshot to further describe the issue with how deleted posts appear with other posts here: https://app.screencast.com/6so1PbOh5CvwO

[afurr0026]

Problem statement:

When an instructor deletes a "test student" post (which occurs while testing the course out as a test student before the course begins), the "deleted by" verbiage is visible to students. It would be helpful if this "deleted by" verbiage was removed from the students' perspective so that students do not get the wrong idea that their instructor is deleting classmates' posts when in reality they are really just trying to clean up the discussion thread.

Proposed solution:

Hide the "deleted by" verbiage from the students' view, but keep it in the instructors' view if an instructor deletes a discussion post.

User role(s):

admin,instructor