Skip to content

Conversation

@eleino
Copy link
Contributor

@eleino eleino commented Nov 21, 2025

📄 Pull Request Overview

Closes #596

🔧 Changes Made

  1. Added conditional logic to NewsCard and NewsElementPage to display empty space instead of a placeholder image for news articles without an image.
  2. Removed all hannus (placeholder image) from the news components.
  3. Added a static title bar title for single news articles (previously there was none).

Checklist Before Submission

  • Functionality: I have tested my code, and it works as expected.
  • JSDoc: I have added or updated JSDoc comments for all relevant code.
  • Debugging: No console.log() or other debugging statements are left.
  • Clean Code: Removed commented-out or unnecessary code.
  • Tests: Added new tests or updated existing ones for the changes made.
  • Documentation: Documentation has been updated (if applicable).

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

  • Screenshots: [Include any screenshots or videos if the changes affect the UI]
kuva kuva
  • Dependencies: [Mention any new dependencies or breaking changes]
  • Known Issues: [List any known issues or limitations]

@eleino eleino linked an issue Nov 21, 2025 that may be closed by this pull request
@eleino eleino self-assigned this Nov 21, 2025
Copy link
Member

@Skoivumaki Skoivumaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work! Nice to see the additional "error catches" you have implemented for edge-case scenarios.

  1. Not part of the issue but, could you change the news text to be aligned from the left instead of center. (its Figma Design and I believe it will make text more readable)
  2. Still not part of the issue: Please slightly increase the line-height of text in NewsElementPage text/p and decrease container width for desktop devices. (like width: 80% and test on all devices)
  3. Change noImageContainer class height to 2vh or similar to remove the odd padding. (test on all devices to ensure it looks good) Example with these changes on right:
image

…rea, and slightly increased line height of the text
@eleino eleino requested a review from Skoivumaki November 26, 2025 10:18
text-align: center;
width: 100%;
text-align: left;
width: 80%;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add breakpoint to keep width: 98% (to add very slight padding) on mobile and PR is good 👍

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done!

@eleino eleino requested a review from Skoivumaki December 1, 2025 13:08
Copy link
Contributor

@Rutjake Rutjake left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job! The news items without a picture look much better now.
I won't merge this yet because I need to make some minor changes unrelated to the issue.

Restores lost SEO codes related to conflicting merges or accidental deletions on GitHub, specifically:
- **Restores** enhanced news and gallery page rendering logic.
- **Improves/Restores** SEO metadata handling (titles, descriptions, keywords).
- **Refactors** Open Graph image retrieval and URL formatting for better social sharing.
@Skoivumaki Skoivumaki merged commit 8c8b583 into dev Dec 8, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update News Card and Single NewsPage Rendering Logic

4 participants