-
Notifications
You must be signed in to change notification settings - Fork 0
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.
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
Add new styles for forum creation page #395
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall, this looks really good. It fits more into the machina implementation and really well done styling. My only concern would be with the image, but I would love to hear your thoughts @bburgess19.
83bbcb2
to
8038528
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is looking a lot better now with all of the prime functionality from before. The colors and the UI feedback when creating a forum are really nice touches. Love what you did here Ben! Approving! Thanks for incorporating my feedback!
display: inline-block; | ||
width: 40%; | ||
box-sizing: border-box; | ||
background: #eaeaea; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actually like the abstraction here with the new file dedicated to CSS.
// and add an image preview and trash can to remove the image | ||
imageField.parentElement.appendChild(trashButton); | ||
trashButton.addEventListener('click', removeSelectedImage); | ||
trashButton.imgPreview = imgPreview; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Addition of the preview image was well needed and nicely implemented here!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Closing commentsWe added new styles to the forum creation page. We had to add extra logic to ensure the optional added image is displayed in the forum list.
Issue #418 was created to address this. |
Issue Score: Excellent |
Purpose
This PR seeks to add new styling for the forum creation page. Merging of this PR will close #382.
Notes
Here is an example of how the page currently looks:
Also implemented is more styles for the image add/remove button: