Page Comparison

General Styling

Not sure if sandbox is using edx-theme for brand colors, would be worth checking that before flagging type / color issues throughout application.
Add a post button isn’t the right red color for brand-accent so I’m presuming this is a theme file issue currently.

Navigation Header

Primary navigation items are floating tabs currently but mockups have them as a “Outline Brand” buttons

Search box is close but rounded corner difference and outline color difference might just be a brand theme issue?

Post Items

A few issues here, most of which can I think be checked using Figma’s Inspect tool for margin / padding / font size. A sampling included below:

• Avatar icon is larger than it should be and too close to the Title and author of the post.

• Font weight and size on Post title and author needs adjustment down

• First line post preview isn’t yet in this post listing item

• Time since post can shorten to 59m, 6d, 40w, 2y (minutes, days, weeks, years) from {count} {time-frame} ago. Also the font-size of this can drop down to match mock.

• Icons for three key actions could use additional padding between them, and the numeric values next to the icons can use additional spacing.

Image Added

Image Added

•  Add visual mock reference for pinned posts? (This may be on another page / state but I didn’t see it in the latest high fi version for the post sidebar.

My Posts

All Posts

Browse Topics

https://discuss.discussions.sandbox.opencraft.hosting/discussions/course-v1:edX+DemoX+Demo_Course/topics